/*
Template: The Derm Boutique
Author: squaretechit.com
Version: 1.0
Design and Developed by: Square Tech IT

NOTE: This is main desktop stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!
*/

footer {
    color: #fff;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, var(--secondery-color) 88%, #fff 12%);
}

/* Footer Modal */

.footer-modal {
    background: var(--primary-color);
    border-radius: 123px;
}

.footer-modal h2 {
    font-weight: 700;
    line-height: 71px;
}

.footer-modal-btns .btn {
    width: 214px;
    height: 58px;
    border-radius: 29px;
}

.footer-modal .btn-foo-book {
    background: #ffffff;
    color: var(--primary-color);
}

.footer-modal .btn-foo-call {
    margin-left: 20px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    color: #fff;
}

/* Footer Top Section */

footer .footer-logo {
    height: 100px;
    width: 280px;
    margin: 0 auto;
}

footer .footer-logo img {
    height: 100%;
    width: 100%;
    filter: brightness(100);
}

footer .foo-top-sec .foo-title .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 143.9%;
}

footer .foo-top-sec .foo-title ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 188.9%;
}

/* Footer Contact Us */

.foo-contact-us li {
    list-style: none;
    display: flex;
}

.foo-top-sec .foo-social-icons svg:hover {
    color: #fff;
}

/* Footer Useful links */

.foo-useful-links li {
    list-style: none;
    display: flex;
    margin-bottom: 10px;
}

.foo-useful-links li a {
    text-decoration: none;
    color: #fff;
}

.foo-useful-links p {
    line-height: 2rem;
}

/* Footer Maps */
.map iframe {
    width: 400px;
    height: 300px;
    border: 0;
}

/* Footer Bottom Sections */

.logos .logo {
    height: 42px;
    width: 83px;
    margin-right: 16px;
}

.logos .logo:nth-last-child(1) {
    margin-right: 0;
}

.logos .logo img {
    height: 100%;
    width: 100%;
}

.foo-bottom-creadit-menu p {
    font-size: 13px;
}

.foo-bottom-creadit-menu .foo-bottom-menu li {
    list-style: none;
    margin-right: 20px;
}

.foo-bottom-creadit-menu .foo-bottom-menu li:nth-last-child(1) {
    margin-right: 0;
}

.foo-bottom-creadit-menu .foo-bottom-menu li a {
    text-decoration: none;
    color: #fff;
}

.foo-social-icons li {
    list-style: none;
    margin: 10px;
}

.foo-social-icons li:nth-last-child(1) {
    margin-right: 0;
}

.foo-social-icons svg {
    transition: 0.5s;
    color: #5E5E5E;
}

.instagramicon path {
    color: #252525;
}


/* Header CSS */

header {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    transition: 0.2s ease-in-out;
}

header.header {
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.15);
}

.logo {
    height: 50px;
    width: 150px;
}

.logo img {
    height: 100%;
    width: 100%;
}

.desktop-menu ul {
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.desktop-menu ul li {
    height: 100%;
}

.desktop-menu ul li a {
    display: block;
    color: var(--primary-color);
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    padding: 26px !important;
    text-decoration: none;
}

.desktop-menu ul li.current-menu-item a {
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 20px !important;
}

.desktop-menu ul li.dropdown {
    position: relative;
}

.desktop-menu ul li ul.sub-menu {
    display: none;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    top: 70px;
    left: 0;
    background-color: #fff;
    width: 300px;
}

.desktop-menu ul li ul.sub-menu li a {
    padding: 15px !important;
    cursor: pointer;
}

.desktop-menu ul li ul.sub-menu li a:hover {
    background-color: #f8f9fa;
}

.desktop-menu ul li.dropdown:hover>ul.sub-menu {
    display: block;
}

.desktop-menu ul li.dropdown>a::after {
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
}

.book-now .btn.lb-btn-primary {
    animation: BookNowAnimation 2s ease-in-out infinite;
}

.book-now a.call-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    height: 30px;
    /* width: 30px; */
    border-radius: 25px;
    text-align: center;
    padding: 2px 15px;
    text-decoration: none;
}

@keyframes BookNowAnimation {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

#mobile-menu-icon {
    display: none;
}

#mobile-menu-icon .icon-bar {
    height: 4px;
    width: 30px;
    background-color: var(--primary-color);
    margin-bottom: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

#mobile-menu-icon .icon-bar:nth-last-child(1) {
    margin-bottom: 0;
}

#MobileMenuBox .btn.close-icon svg {
    height: 25px;
    width: 25px;
    color: var(--primary-color);
}

#original-mobile-menu {
    padding-left: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px;
}

#original-mobile-menu li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--primary-color);
    padding: 20px;
}

#original-mobile-menu li.dropdown ul.sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
}


#original-mobile-menu li.dropdown>a::after {
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
}

#original-mobile-menu li.dropdown:hover>ul.sub-menu {
    display: block;
}

/* Hero Section */

.hero-sec {
    position: relative;
}

.hero-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}

.home-box {
    position: absolute;
    bottom: 10%;
    width: 100%;
    padding-bottom: 10px;
    animation: fadeInText 300ms 0ms forwards;
    animation-delay: 1000ms;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeInText {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-title h1,
.home-title h2 {
    color: var(--primary-color);
    line-height: 85px;
}

.home-title h1 {
    font-weight: 700;
    font-size: 60px;
}

.home-title h2 {
    font-weight: 400;
    font-size: 50px;
}

.home-points {
    margin: 0 auto;
}

.home-points .single-point span {
    margin-left: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #1D1D1D;
}

.home-points .single-point a span {
    display: block;
}

.home-points .single-point a {
    transition: 1s;
}

.home-points .single-point a:hover {
    transform: scale(1.05);

}

.home-points .single-point a:hover span {
    color: var(--primary-color);
}

.home-points .single-point a svg {
    color: #ffa534;
    height: 16px;
    width: 16px;
}

.home-points .single-point:nth-child(2) {
    margin-left: 30px;
    margin-right: 30px;
}

.home-btns {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.home-btns .btn:nth-child(2) {
    margin-left: 20px;

}

/* Second Hero  */

.second-sec-card {
    width: 100%;
    box-shadow: 0px 4px 101px -27px rgba(0, 0, 0, 0.25);
    border-radius: 30px;
    padding: 50px;
}

.second-sec-fir-banner img,
.second-sec-fir-mob-banner img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.card-first h2,
.card-second h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    color: var(--secondery-color);
}

.card-first p,
.card-second p {
    font-weight: 400;
    font-size: 25px;
    line-height: 148.9%;
}

.second-sec-fir-mob-banner {
    display: none;
}


/* Home Secvices */

.home-service-sec {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, #F4F4F4 50%, var(--primary-color) 50%);
}

.home-service-sec .home-service-head h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    color: #fff;
}

.home-service-box .single-service {
    transition: 0.5s;
    margin-right: 20px;
}

.home-service-box .single-service .home-service-box-second-part:nth-last-child(1) {
    margin-right: 0;
}

.home-service-box .single-service .card {
    width: 100%;
    border-radius: 10px;
    border: none;
    border-bottom: 10px solid #B8B8B8;
    box-shadow: 0px 16px 40px -14px rgba(0, 0, 0, 0.25);
}

.home-service-box .single-service .card .card-img {
    width: 100%;
    height: 250px;
}

.home-service-box .single-service .card img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.home-service-box .single-service .card .card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.home-service-box .single-service .card .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 123.9%;
}

.home-service-btn-card {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: #D9D9D9;
    color: #fff;
    transition: 0.5s;
}

.home-service-box .single-service:hover .home-service-btn-card {
    background: var(--primary-color);
    color: #fff;
}

.home-service-box .single-service:hover .card {
    margin-top: -10px;
    border-color: #EBF1FF;
}

.home-view-service-mob-btn {
    display: none;
}

/* Call To Action */

.home-fourth-sec {
    background: #D3D8D5;
}

.home-fourth-sec-img {
    width: 430px;
    margin: 0 auto;
}

.home-fourth-sec-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-fourth-sec-call-to-ac {
    margin-bottom: 50px;
}

.home-fourth-sec-call-to-ac h3 {
    font-weight: 700;
    font-size: 55px;
    line-height: 73px;
    color: var(--primary-color);
}

.home-fourth-sec-call-to-ac p {
    font-weight: 500;
    font-size: 30px;
    line-height: 148.9%;
    color: var(--secondery-color);
}

/* Home About */

.home-about-details {
    padding-right: 100px;
}

.home-about-details h4 {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    color: var(--primary-color);
}

.home-about-details p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: justify;
    color: var(--secondery-color);
}

.home-about-right-banner img,
.home-about-left-banner img {
    width: 100%;
    height: 100%;
}

.home-about-left-banner {
    display: none;
}

/* Google Reviews */

.home-google-review {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.review-title {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    text-align: center;
    color: var(--primary-color);
}

.single-review {
    padding: 26px;
    background: #FFFFFF;
    box-shadow: 0px 13px 43px -14px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.single-review a {
    width: 100%;
    min-height: 350px;
}

.single-review .reviewer-pic {
    height: 76px;
    width: 76px;
    border-radius: 100%;
    background-color: var(--primary-color);
    padding: 5px;
}

.single-review .reviewer-pic img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

.single-review .review-title {
    max-width: 150px;
}

.single-review .review-title h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--primary-color);
}

.single-review .review-title p {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.065em;
}

.single-review .review-feedback svg {
    color: #FFA115;
}

.single-review .review-body p {
    margin-bottom: 0;
}

.review-other-info .info-left-img {
    width: 180px;
    height: 80px;
}

.review-other-info .info-left-img img {
    height: 100%;
    width: 100%;
}

.review-other-info .info-left p {
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    color: #1D1D1D;
}

/* Health Funds */

.health-top-icon {
    position: absolute;
    top: -100px;
    left: 0;
}

.health-funds-sec .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    text-align: center;
    color: var(--primary-color);
    margin-top: 50px;
}

.health-funds-sec .sub-title {
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #252525;
    margin-bottom: 50px;
}

.health-funds-images .images {
    width: 200px;
    height: 200px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.health-funds-images .images:nth-last-child(1) {
    margin-right: 0;
}

.health-funds-images .images img {
    height: 100%;
    width: 100%;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    image-resolution: 300dpi;
}

/* Our Top Brands */

.home-top-brands .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    text-align: center;
    color: var(--primary-color);
}

.top-brands-images .images {
    width: 200px;
    height: 100%;
}

.top-brands-images .images img {
    height: 100%;
    width: 100%;
}

/* FAQs CSS */

.home-faq-sec .title {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    text-align: center;
    color: var(--primary-color);
}

.home-faqs {
    width: 70%;
    margin: 0 auto;
}

.home-faq-sec .accordion .accordion-item {
    margin-bottom: 20px;
}

.home-faq-sec .accordion .accordion-item {
    background: #FFFFFF;
    box-shadow: 0px 2px 34px -15px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: #F7F7F7 !important;
    border-radius: 10px;
    font-size: 15px;
    line-height: 20px;
    color: var(--primary-color);
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button {
    background: transparent !important;
    font-weight: 600;
    color: var(--secondery-color);
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}

/* common eye conditions css */

.home-learn-common-condition {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, #fff 50%, var(--primary-color) 50%);
}

.home-learn-common-condition .home-learn-common-condition-head h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    color: #fff;
    width: 600px;
}

.home-learn-common-condition .home-learn-common-condition-head a.btn {
    line-height: 50px;
    padding: 0 !important;
    height: 50px;
    width: 150px;
    text-align: center;
}

.home-learn-common-condition-box .single-common-condition {
    transition: 0.5s;
}

.home-learn-common-condition-box .single-common-condition .card {
    width: 100%;
    border-radius: 10px;
    border: none;
    border-bottom: 10px solid #B8B8B8;
    box-shadow: 0px 16px 40px -14px rgba(0, 0, 0, 0.25);
}

.home-learn-common-condition-box .single-common-condition .card .card-img {
    width: 100%;
    height: 270px;
}

.home-learn-common-condition-box .single-common-condition .card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-learn-common-condition-box .single-common-condition .card .card-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
}

.home-learn-common-condition-box .single-common-condition .card .card-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 123.9%;
}

.home-learn-common-condition-btn {
    width: 100%;
    transition: 0.5s;
    padding: 15px 0;
}

.home-learn-common-condition-box .single-common-condition:hover .card {
    border-color: #EBF1FF;
}

.home-view-service-mob-btn {
    display: none;
}

/* Contact Form CSS */

.contact-info-form .contact-info .contact-us ul.foo-contact-us li a {
    color: #000;
}

.contact-info-form .small-border-contact {
    display: block;
    background: #252525;
    height: 2px;
    width: 10%;
    margin-bottom: 20px;
}

.contact-info-form .contact-info .contact-us .contact-social-desktop .foo-social-icons .instagramicon path,
.contact-info-form .contact-info .contact-social-mobile .foo-social-icons .instagramicon path {
    color: #fff;
}

.contact-hours .foo-contact-us li {
    margin-bottom: 10px;
}

.contact-info-form form .form-btn button {
    width: 100%;
}

.contact-info-form form .form-floating>input {
    border-radius: 50px;
    padding: 1rem 2rem;
}

.contact-info-form form .form-floating>textarea {
    border-radius: 15px;
    padding: 1rem 2rem;
    height: 146px !important;
}

.contact-info-form form .form-floating>label {
    padding: 1rem 2rem;
}

.contact-info-form form input:focus,
.contact-info-form form textarea:focus {
    box-shadow: none;
    border-color: var(--primary-color);
}

.contact-social-mobile {
    display: none;
}

.contact-info-form form .invalid-feedback {
    margin-left: 30px;
}

/* Our Team CSS */

.about-team {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, #fff 60%, var(--primary-color) 40%);
}

.about-team .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    text-align: center;
    color: #FFFFFF;
}

.about-team-slider .single-team .team-image,
.about-team-slider .single-team .info,
.about-team-slider .single-team .descriptions {
    width: 419px;
    margin: 0 auto;
}


.about-team-slider .single-team .team-image {
    height: 421px;
}

.about-team-slider .single-team .team-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.about-team-slider .single-team .info {
    padding-bottom: 15px;
    border-bottom: 1px solid #B8B8B8;
}

.about-team-slider .single-team .info p {
    margin: 0;
    text-align: center;
    line-height: 133.9%;
}

.about-team-slider .single-team .info p.name {
    margin-top: 10px;
    font-weight: 600;
    font-size: 30px;
    color: #1D1D1D;
}

.about-team-slider .single-team .info p.position {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.11em;
    color: #787878;
}

.about-team-slider .single-team .descriptions {
    padding-top: 10px;
}

.about-team-slider .single-team .descriptions p {
    font-weight: 400;
    font-size: 25px;
    line-height: 133.9%;
    text-align: center;
    color: #1D1D1D;
}

/* Video Card */

.about-info-sec {
    background-color: #fff;
}

.about-info-sec.colored {
    background-color: var(--primary-color);
}

.about-info-sec.colored .about-info-title {
    color: #fff;
}

.about-info-sec .about-info p {
    font-weight: 400;
    font-size: 25px;
    line-height: 140.4%;
    color: #1D1D1D;
}

.about-info-sec.colored .about-info p {
    color: #fff;
}

.about-info-sec .about-banner img {
    height: 100%;
    width: 100%;
}

.about-info-sec .about-banner svg {
    cursor: pointer;
    position: absolute;
    height: 115px;
    width: 111px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#aboutVideo {
    z-index: 999999999;
}

#aboutVideo video {
    height: 100%;
    width: 100%;
    border-radius: 0 0 5px 5px;
    margin: 0;
    padding: 0;
}

/* Single Blog and Eye Health */

.page.single-eye-helth {
    position: relative;
}

.page.single-eye-helth .banner {
    height: 531px;
    width: 100%;
}

.page.single-eye-helth .banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page.single-eye-helth .latest-post {
    position: sticky;
    top: 100px;
}

.page.single-eye-helth .latest-post .title {
    margin-bottom: 2rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 150%;
    color: #000;
}

.page.single-eye-helth .latest-post .post-card {
    padding: 0.5rem;
    background: #FFFFFF;
    box-shadow: 0px 1rem 2.5rem rgba(28, 27, 31, 0.2);
    border-radius: 1.25rem;
    margin-bottom: 1.1rem;
}

.page.single-eye-helth .latest-post .post-card .post-img {
    width: 150px;
    height: 80px;
}

.page.single-eye-helth .latest-post .post-card .post-img img {
    object-fit: cover;
    border-radius: 15px;
    height: 100%;
    width: 100%;
}

.page.single-eye-helth .latest-post .post-card .post-descriptions .post-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #000;
}

.page.single-eye-helth .latest-post .post-card .post-descriptions .date {
    font-size: 12px;
    color: #000;
}

/* Blogs Page */

.blog-service-sec img {
    height: 100%;
    width: 100%;
}

.blog-service-sec .blog-service-head h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 61px;
    color: var(--primary-color);
    text-align: center;
}

.blog-service-box .blog-single-service {
    transition: 0.5s;
    color: #000;
}

.blog-service-box .blog-single-service .card {
    width: 100%;
    border-radius: 10px;
    border: none;
    border-bottom: 10px solid #B8B8B8;
    box-shadow: 0px 16px 40px -14px rgba(0, 0, 0, 0.25);
}

.blog-service-box .blog-single-service .card .card-img {
    width: 100%;
    height: 250px !important;
}

.blog-service-box .blog-single-service .card .card-img img.blog-img {
    border-radius: 5px;
    object-fit: cover;
}

.blog-service-box .blog-single-service .card .card-title {
    color: var(--secondery-color);
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
}

.blog-service-box .blog-single-service .card .card-date {
    font-weight: 700;
    font-size: 12px;
}

.blog-service-box .blog-single-service .card .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 123.9%;
}

.blog-service-btn-card {
    border-radius: 20px;
    background: #D9D9D9;
    color: #fff;
    transition: 0.5s;
    font-size: 14px;
}

.blog-service-box .blog-single-service:hover .blog-service-btn-card {
    background: var(--primary-color);
    color: #fff;
}

.blog-service-box .blog-single-service:hover>.card {
    border-color: #EBF1FF;
}

/* Common Eye Condition */

.eye-health-hero-sec {
    color: #FFFFFF;
}

.eye-health-hero-sec .about-hero-container.container {
    padding: 50px 70px;
    background-color: var(--primary-color);
    border-radius: 50px;
}

.eye-health-hero-sec h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
}

.eye-health-hero-sec p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140.4%;
}

.eye-health-common-condition-box .single-common-condition {
    transition: 0.5s;
    text-decoration: none;
    color: #000;
}

.eye-health-common-condition-box .single-common-condition .card {
    width: 100%;
    border-radius: 10px;
    border: none;
    border-bottom: 10px solid #B8B8B8;
    box-shadow: 0px 16px 40px -14px rgba(0, 0, 0, 0.25);
}

.eye-health-common-condition-box .single-common-condition .card .card-img {
    width: 100%;
    height: 270px;
}

.eye-health-common-condition-box .single-common-condition .card .card-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.eye-health-common-condition-box .single-common-condition .card .card-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
}

.eye-health-common-condition-box .single-common-condition .card .card-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 123.9%;
}

.eye-health-common-condition-btn {
    width: 100%;
    transition: 0.5s;
    padding: 15px 0;
}

.eye-health-common-condition-box .single-common-condition:hover .card {
    border-color: #EBF1FF;
}

/* Eye Ware Banner CSS */

.contact-lenses-sec {
    background-color: #fff;
    color: #FFFFFF;
}

.contact-lenses-sec .contact-lenses-container.container {
    padding: 70px;
    border-radius: 50px;
}

.contact-lenses-sec .contact-lenses-desktop-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.contact-lenses-sec .eyetest-hero-info,
.contact-lenses-sec .contact-lenses-btns {
    position: relative;
}

.contact-lenses-sec h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
}

.contact-lenses-sec p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140.4%;
    width: 60%;
}

.contact-lenses-sec .contact-lenses-tab-banner,
.contact-lenses-sec .contact-lenses-mobile-banner {
    display: none;
    margin: 0 auto;
    height: 100%;
}

.contact-lenses-sec .contact-lenses-tab-banner {
    width: 98%;
}

.contact-lenses-sec .contact-lenses-mobile-banner {
    width: 95%;
}

.contact-lenses-sec .contact-lenses-btns .btn.lb-btn-secondery {
    padding: 19px 45px !important;
    height: 58px;
    border-radius: 29px;
}

.contact-lenses-sec .contact-lenses-btns .btn.lb-btn-primary {
    margin-left: 20px;
    box-sizing: border-box;
    padding: 19px 62px !important;
    height: 58px;
    border: 1px solid #FFFFFF;
    border-radius: 29px;
}

/* Contact Lense Second CSS */

.contact-lenses-second .description p {
    font-weight: 400;
    font-size: 25px;
    line-height: 148.9%;
    text-align: center;
    color: #1D1D1D;
}

.contact-lenses-second-process .title {
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: var(--primary-color);
}

.contact-lenses-second-process p.description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 148.9%;
    text-align: center;
    color: #1D1D1D;
}

.contact-lenses-second-process .progress-block {
    padding: 30px;
}

.contact-lenses-second-process .progress-block:nth-child(2) {
    border-left: 2px solid #9F9F9F;
    border-right: 2px solid #9F9F9F;
}

/* Tab Slider */
#sunglasses-tabs-menu {
    background: #FFFFFF;
    position: sticky;
    top: 72px;
    left: 0;
    width: 100%;
}

#sunglasses-tabs-menu.sticky {
    box-shadow: 0px 4px 13px rgb(0 0 0 / 15%);
}

#sunglasses-tabs-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border-bottom: 1px solid #dee2e6;
}

#sunglasses-tabs-menu ul::-webkit-scrollbar {
    display: none;
}

#sunglasses-tabs-menu ul li a {
    display: block;
    text-decoration: none;
    padding: 10px;
    color: #8A8A8A;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 125.4%;
    transition: 0.5s;
    border-bottom: 2px solid transparent;
}

#sunglasses-tabs-menu ul li a.active {
    color: var(--primary-color);
    font-weight: 700;
    border-bottom: 2px solid var(--primary-color);
}

/* Tabs Content */

.single-tabs {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.single-tabs .tabs-img img,
.single-tabs .tabs-info img {
    height: 100%;
    width: 100%;
}

.single-tabs .tabs-info {
    margin-left: 100px;
    width: 700px;
}

.single-tabs .tabs-info .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: var(--primary-color);
}

.single-tabs .tabs-info .description p {
    font-weight: 400;
    font-size: 25px;
    line-height: 167.4%;
    color: #1D1D1D;
}

.single-tabs .tabs-info img {
    display: none;
}

/* Eyewear Slider CSS */

.sunglasses-designer-eyewear .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 125.4%;
    text-align: center;
    color: var(--primary-color);
}

.sunglasses-designer-eyewear .description {
    font-weight: 400;
    font-size: 25px;
    line-height: 148.9%;
    text-align: center;
    color: #1D1D1D;
    width: 85%;
    margin: 0 auto;
}

/* Slider CSS */

.sunglasses-designer-eyewear-slider .slider-card {
    padding: 1rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 45px -16px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    max-width: 296px;
    height: 460px;
}

.sunglasses-designer-eyewear-slider .slider-card .card-img {
    max-width: 278px;
    max-height: 322px;
    margin: 0 auto;
}

.sunglasses-designer-eyewear-slider .slider-card .card-img img {
    height: 100%;
    width: 100%;
}

.sunglasses-designer-eyewear-slider .slider-card .card-logo {
    max-width: 100%;
    max-height: 81px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sunglasses-designer-eyewear-slider .slider-card .card-logo img {
    max-width: 100%;
    object-fit: cover;
}

/* Eyewear Card CSS */

.SunglassesPBGuarantee-sec .container {
    background-color: var(--primary-color);
    border-radius: 50px;
    padding: 54px 0;
}

.SunglassesPBGuarantee-sec .container .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 125.4%;
    color: #FFFFFF;
}

.SunglassesPBGuarantee-sec .container .description {
    padding: 0 171px;
    font-weight: 400;
    font-size: 25px;
    line-height: 148.9%;
    color: #FFFFFF;
}

/* Eyewear Gap Worries CSS */

.sunglasses-gap-worries {
    background: var(--primary-color);
}

.sunglasses-gap-worries-info .title span {
    font-weight: 400;

}

.sunglasses-gap-worries-info .title {
    font-weight: 600;
    font-size: 50px;
    line-height: 85px;
    color: #FFFFFF;
}

.sunglasses-gap-worries-info .descriptions {
    font-weight: 400;
    font-size: 30px;
    line-height: 148.9%;
    text-align: center;
    width: 70%;
    color: #FFFFFF;
}

.sunglasses-gap-worries-btns button.btn {
    width: 308px;
    height: 58px;
}

.sunglasses-gap-worries-btns a.btn {
    margin-left: 20px;
    width: 245.57px;
    height: 58px;
    border: 1px solid #FFFFFF;
    border-radius: 29px;
    color: #FFFFFF;
}

.sunglasses-gap-worries-btns a.btn:hover {
    background-color: var(--secondery-color);
    border-color: var(--secondery-color);
}

/* Lenses Description CSS */

.pg-diamond-blue .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    text-align: center;
    color: var(--primary-color);
}

.pg-diamond-blue img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.pg-diamond-blue .sub-title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    color: #1D1D1D;
}

/* Red Eye Top Tips CSS */

.red-eye-relief-third-sec {
    background: #EBF1FF;
}

.red-eye-relief-third-sec .title {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: var(--primary-color);
}

.red-eye-relief-third-sec .sub-heading {
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    color: var(--primary-color);
}

.red-eye-relief-third-sec .red-eye-relief-points {
    font-weight: 500;
    font-size: 25px;
    line-height: 233.9%;
    color: #1D1D1D;
}

.red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns a.btn {
    margin-left: 20px;
    background-color: transparent;
}

.red-eye-relief-third-sec .red-eye-relief-thirs-sec-btns a.btn:hover {
    background-color: var(--secondery-color);
}

/* Our Optometrist CSS */

.our-optometrist-sec .container {
    background: #fff;
    background: linear-gradient(90deg, #fff 35%, var(--primary-color) 35%);
    color: #fff;
    border-radius: 50px;
}

.our-optometrist-img {
    margin-left: 45px;
}

.our-optometrist-img img {
    height: 100%;
    width: 100%;
    transform: scale(1.1);
}

.our-optometrist-info {
    padding-right: 3rem;
}

.our-optometrist-info .title {
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
}

.our-optometrist-info .description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 148.9%;
}

.our-optometrist-sec .our-optometrist-banner-tab,
.our-optometrist-sec .our-optometrist-banner-mobile {
    display: none;
}

/* Kids Offer Hero */

.kids-offer-hero-sec {
    height: 728px;
    display: flex;
    align-items: center;
}

.kids-offer-hero-sec .kids-offer-title {
    font-weight: 500;
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
}

.kids-offer-hero-sec .kids-offer-points ul {
    margin: 2rem 0;
    list-style: none;
    padding: 0;
}

.kids-offer-hero-sec .kids-offer-points ul li {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.kids-offer-hero-sec .kids-offer-points ul li svg {
    height: 28px;
    width: 28px;
}

.kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-secondery {
    border-radius: 29px;
}

.kids-offer-hero-sec .kids-offer-btns .btn.lb-btn-primary {
    margin-left: 20px;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 29px;
    padding: 19px 0;
}

.kids-offer-hero-sec .kids-offer-desktop-images,
.kids-offer-hero-sec .kids-offer-tab-images,
.kids-offer-hero-sec .kids-offer-mobile-images {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.kids-offer-hero-sec .kids-offer-tab-images,
.kids-offer-hero-sec .kids-offer-mobile-images {
    display: none;
}

/* Special Offers */

.special-offers-sec .container h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    text-align: center;
    color: #1E2B47;
}

.special-offer-card .special-offer-card-img img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.special-offer-card .special-offer-card-border {
    width: 90%;
    margin: 0 auto;
    height: 2px;
    background-color: #D9D9D9;
}

.special-offer-card .special-offer-card-title {
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #1D1D1D;
}

.special-offer-card .special-offer-card-description {
    font-weight: 400;
    font-size: 18px;
    line-height: 148.9%;
    text-align: center;
    color: #1D1D1D;
}