/*=======FONTS FAMIYS=================*/

/* Google Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@400;700&family=Poppins:wght@400;500;700&display=swap');

/* Body mein Poppins use karna */
body {
    font-family: 'Poppins', sans-serif;
}

/* Heading ya special text ke liye Cormorant SC use karna */
h1, h2, h3, .cormorant-text {
    font-family: 'Cormorant SC', serif;
}
/*====================================*/

h2{
    color: #121212;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 60px;
    font-family: Cormorant SC;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 1.2em;
    padding: 0px;
    text-transform: uppercase;
}
h3{
    color: #121212;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
    font-family: Cormorant SC;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 1.2em;
    padding: 0px;
    text-transform: uppercase;
}
.b-bottom-h3{
    border-bottom: 1px solid #121212;
    height: 100%;
}
.nav-link {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    padding: 0px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 5px 10px !important;
    white-space: nowrap;
    border: 1px solid transparent;
}
.nav-link:hover {
    background: #121212;
    border: 1px solid #ffffff80;
}
.count .counter{
    font-size: 50px;
    font-family: 'Cormorant SC', serif;
}
.top-bottom-border-footer{
    border-top: 1px solid #ffffff50;
    border-bottom: 1px solid #ffffff50;
    text-align: start;
}
.top-bottom-border-footer a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
.w-and-h-manage{
    width: 515px;
    height: 315px;
}
.count span{
    font-size: 50px;
    font-family: 'Cormorant SC', serif;
}
header .btn-top-hrader{
    padding: 8px 8px !important;
    white-space: nowrap;
    border: 2px solid #f5efea !important;
    color: #f5efea;
    border-radius: 0px;
    text-decoration: none;
    font-size: 12px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-transform: uppercase;
    white-space: nowrap;
}
.btn-top-hrader{
    padding: 10px 20px !important;
    white-space: nowrap;
    border: 2px solid #f5efea !important;
    color: #f5efea;
    border-radius: 0px;
    text-decoration: none;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-transform: uppercase;
    white-space: nowrap;
}
.btn-top-hrader:hover{
    background: #121212;
}
.btn-theme{
    padding: 10px 20px !important;
    white-space: nowrap;
    background: #fff;
    border: 0px;
    color: #121212;
    border-radius: 0px;
    text-decoration: none;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-transform: uppercase;
    white-space: nowrap;
}
.btn-map{
    padding: 7px 14px !important;
    font-size: 11px;
    white-space: normal;
}
.btn-map i{
    font-size: 10px;
}
.btn-theme img{
    margin-left: 4px;
}
.btn-theme:hover img{
    filter: invert(1);
}
.btn-theme:hover{
    background: #121212;
    color: #fff;
}
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 30px;
}

header {
    background: transparent;
    position: fixed;
    background-color: transparent !important;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0;
    width: 100%;
    z-index: 100;
}

header .menu-icon{
    background-color: transparent;
    border: none;
}
/*.offcanvas .offcanvas-body ul li:first-child a {
    border-top: 1px solid #000 !important;
}*/
.offcanvas .offcanvas-body ul li a {
    padding: 15px 0px !important;
    border-bottom: 1px solid #000 !important;
    font-size: 20px !important;
    color: #000 !important;
    background-color: transparent !important;
}
.offcanvas .offcanvas-body a {
    padding: 15px 0px !important;
    font-size: 18px !important;
    color: #000;
}
.offcanvas .btns-offcanvus a {
    padding: 7px 14px !important;
    font-size: 14px !important;
    white-space: normal;
}
.offcanvas .btns-offcanvus a:hover {
    color: #fff;
}
.bg-header {
    background-color: #000000 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}

.hero-section {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.opening-hours-box .day-time {
    font-size: 16px !important;
    color: #000;
    font-weight: 400;
    padding: 10px 0px;
    border-bottom: 1px solid #000000;
}
/*.other-pages-banner {
    padding-top: 160px;
    padding-bottom: 75px;
    background-image: url("../images/banner-1.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.other-pages-banner h1{
    font-size: 75px;
}*/
.other-pages-banner {
    padding-top: 160px;
    padding-bottom: 75px;
    background-image: url("../images/banner-1.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

/* overlay */
.other-pages-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); /* overlay color */
    z-index: 1;
}

/* content above overlay */
.other-pages-banner h1 {
    font-size: 75px;
    position: relative;
    z-index: 2;
    color: #fff;
}

.border-img{
    border: 20px solid white;
}
.bg-white-t{
    background: #fff;
}
.hero-section video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-section .overlay {
    z-index: 2;
}

.hero-section .container {
    z-index: 3;
}

.hero-section h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 80px;
    font-family: Cormorant SC;
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 96px;
    padding: 0px;
    text-transform: uppercase;
}

.hero-section p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Urbanist;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.35em;
    line-height: 1.6em;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif !important;
}

.hero-section .btn-primary {
    border-radius: 30px;
}

.social-icons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.social-icons a{
    font-size: 25px;
    color: #fff;
}
/*=====================sectiions===================*/
.p-capital{
    margin-top: 10px;
    font-size: 14px;
    font-family: Urbanist;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.35em;
    line-height: 1.6em;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif !important;
}
.pt-pb-75{
    padding-top: 75px;
    padding-bottom: 75px;
}
.bg-light-pink{
    background-color: #f5efea;
}
.testimonial .rating-icons{
    font-size: 23px;
}
.testtimonial-text{
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 38px;
    font-family: 'Poppins', sans-serif !important;
}
.testimonial-user-name{
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.35em;
    line-height: 28px;
    padding: 0px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif !important;
}
.swiper-pagination-bullet {
    width: 20px !important;
    height: 5px !important;
    border-radius: 0px !important;
    background: #ddd !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    width: 30px !important;
    background: #121212 !important;
}

.bg-pink{
    background-color: #f3ded4;
}
.serice-box{
    filter: grayscale(100%);
}
.serice-box:hover{
    filter: grayscale(0%);
}
.serice-box img{
    aspect-ratio: 3/4;
    object-fit: cover;
}
.btn-slider-arrow{
    padding: 9px 15px;
    background-color: transparent;
    border: 2px solid #12121233;
    border-radius: 4px;
    box-shadow: 0 .25em .5em #0000001a;
    cursor: pointer;
    transition: opacity .15s 
    ease, border .3s 
    ease-in-out;
    transform: translateY(-50%);
    line-height: 1;
}
.btn-slider-arrow i{
    font-size: 30px;
}
.featured-service h5{
    margin-top: 25px;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 22px;
    color: #121212 !important;
}
.featured-service a{
    text-decoration: none;
}
.featured-blogs h5{
    margin-top: 25px;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 22px;
    color: #121212 !important;
}
.featured-blogs a{
    text-decoration: none;
}
.mx-w{
    max-width: 950px;
}
.bg-black-btn{
    background: #121212;
    color: #fff;
}
.bg-black-btn img{
    filter: invert(1);
}
.about-text-area{
    margin-left: -80px;
    position: relative;
}
.dr-img-manage{
    transform: translate(10%) scale(.9);
    border: 20px solid white;
}
.dr-img-manage img{
    height: 600px;
    object-fit: cover;
}
.w-manage-map{
    max-width: 300px;
}
.table-heading{
    font-size: 12px;
    line-height: 24px;
    color: #121212;
}
table td{
    padding: 0px !important;
    font-size: 12px;
    line-height: 24px;
    color: #121212;
}
/*=======================footer===============*/

footer{
    background: #121212;
}
footer .client-logo{
    height: 50px;
    object-fit: contain;
}
.logos-area{
    padding: 30px 0px;
}
.clientLogoSlider .swiper-slide{
    text-align: center;
}
.insuranceLogoSlider .swiper-slide{
    text-align: center;
}
.insuranceLogoSlider .client-logo{
    height: 50px;
    object-fit: contain;
}
footer .info-area{
    text-align: center;
    padding: 20px 0px;
}
footer .info-area .footer-heading{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 36px;
    font-family: Cormorant SC;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    padding: 0px;
    text-transform: uppercase;
    color: #fff;
}
footer .info-area .info-links{
    display: flex;
    flex-direction: column;
}
footer .info-area .info-links a{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.35em;
    line-height: 24px;
    padding: 0px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
footer .review-f-text-area{
    margin: 40px 0px 40px 0px;
}
footer .review-f-text-area .rating-icons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
footer .review-f-text-area .rating-icons{
    font-size: 12px;
    color: #fff;
}
footer .review-f-text-area .review-text{
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
}
footer .review-f-text-area .social-icons a{
    font-size: 18px !important;
}
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.footer-links li a {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    padding: 0px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px !important;
    white-space: nowrap;
    text-decoration: none;
}

.footer-links li a:hover {
    color: #555;
}
footer .bottom-area h6{
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 1.6em;
    color: #fff;
    text-decoration: none;
}
.service-content h2{
    color: #121212;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
}
.related-h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 1em;
}
.related-services-link-list a {
    background-color: #fff !important;
    margin-bottom: 10px !important;
    border-radius: 0px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #000;
}
.related-services-link-list li{
    list-style: none;
}
.related-services-link-list a .name {
    font-size: 16px !important;
    line-height: 18px !important;
    color: #000 !important;
}
.related-services-link-list a .icon img {
    filter: brightness(0) saturate(100%);
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.accordion_content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease;
  margin: 0px !important;
}

.accordion_toggle {
    list-style: none;
    cursor: pointer;
    background-color: #fff !important;
    margin-bottom: 10px !important;
    border-radius: 0px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #000;
}
.accordion_toggle .icon img {
    filter: brightness(0) saturate(100%);
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.accordion_toggle.active_accordion .icon img{
    rotate: 90deg;
}
.blog-tag{
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.25em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif !important;
    background: #fff;
    padding: 10px 10px;
    margin-bottom: 10px;
    width: auto;
}
.blogs-list img{
    height: 100%;
    object-fit: cover;
}
.blogs-list a{
    text-decoration: none;
    color: #000;
}
.most-related-blog img{
    width: 125px;
}
.most-related-blog a{
    text-decoration: none;
    color: #000;
}
.most-related-blog h3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px; /* space between text and line */
}
.most-related-blog .blog-box {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}
.text-middle{
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.form-box{
    background-color: #fff;
    text-align: center;
    padding: 75px;
}
.most-related-blog h3::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #000; /* change color if needed */
  margin-left: 10px;
}
form label{
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
    color: #000 !important;
}
form .form-control{
    font-size: 14px !important;
    font-weight: 400 !important;
    background: #f5efea !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding: 10px 15px !important;
}
.about-border-img {
    height: 100%;
    object-fit: cover;
}
.map-height{
    height: 570px;
}
p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.blog-social-icon{
    text-decoration: none;
    color: #000;
    background: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*==============================SUBMENU MOBILE=====================*/
.submenu {
  padding-left: 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* When submenu is active/open */
.submenu.show {
  max-height: 500px; /* adjust according to content */
}

/* Optional: Add arrow rotation */
.mobile-toggle::after {
  content: '▸';
  float: right;
  transition: transform 0.3s;
}

.mobile-toggle.active::after {
  transform: rotate(90deg);
}


/*=====================================SUBMENU DEXTOP================*/
header .dropdown-menu {
    background: #000000;
    border-radius: inherit;
    border: 1px solid #ffffff80;
    padding: 0px;
    font-size: 14px;
    text-transform: uppercase;
}
header .dropdown-menu li a {
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-transform: uppercase;
    color: #ffffff !important;
    padding: 5px 10px !important;
}
header .dropdown-menu li a:hover {
    background-color: #f5efea !important;
    color: #000 !important;
}
.dropdown-hover:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
}

/* Submenu positioning */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
  display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-menu {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.25s ease;
}

.dropdown-hover:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
  opacity: 1;
  transform: translateY(0);
}
.testimonials-box{
    padding: 25px;
    background: #fff;
}
.testimonials-box img{
    width: 90px;
}
.testimonials-box .p-scrollable p{
    scrollbar-width: thin;
    scrollbar-color: #000 transparent;
}
.testimonials-box .p-scrollable p {
    height: 98px;
    overflow-y: auto;
}
#faqsAccordion .accordion-button {
    line-height: 30px !important;
    box-shadow: none !important;
    border-radius: 0px;
    background: #fff !important;
    border: 0px !important;
    font-size: 18px !important;
}
#faqsAccordion .accordion-item  {
    margin-bottom: 10px !important;
}
#faqsAccordion .accordion-body  {
    font-size: 16px !important;
}
/*=========================*/
@media only screen and (max-width: 1179px) {
    .hero-section{
        height: 700px;
    }
    #faqsAccordion .accordion-body  {
        font-size: 18px !important;
    }
    .abouts_list_2 {
        font-size: 18px !important;
    }
    p{
        font-size: 18px;
        line-height: 28px;
    }
    .dr-img-manage {
        transform: translate(0%) scale(1);
        height: 100%;
    }
    .about-text-area{
        margin-left: 0px;
    }
    .about-text-area h2{
        font-size: 30px;
    }
    .dr-img-manage img {
        height: 100%;
        object-fit: cover;
    }
    .pt-medim-0{
        padding-top: 0px;
    }
    .about-border-img {
        border: 15px solid white;
    }
    .form-box {
        padding: 50px;
    }
    .related-h3 {
        font-size: 22px;
    }
    .accordion_toggle {
        font-size: 18px;
        line-height: 28px;
    }
    ul {
        padding-left: 10px !important;
    }
    .accordion_toggle .icon img {
        width: 12px;
        height: 12px;
    }
    .related-services-link-list a {
        font-size: 18px;
        line-height: 28px;
    }
    .related-services-link-list a .icon img {
        width: 12px;
        height: 12px;
    }
    .opening-hours-box .day-time{
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 767px) {
    .bg-white-t{
        background-color: transparent;
    }
    .abouts_list_2 {
        font-size: 16px !important;
    }
    .hero-section{
        height: 475px;
    }
    #faqsAccordion .accordion-body  {
        font-size: 16px !important;
    }
    .hero-section h1 {
        font-size: 45px;
        line-height: 55px;
    }
    h2{
        font-size: 35px;
    }
    .mt-negt-10{
        margin-top: -10px;
    }
    .footer-links {
/*        display: block;*/
        gap: 8px;
    }
    .footer-links li a{
        font-size: 16px;
        line-height: 24PX;
    }
    footer .info-area .info-links a{
        font-size: 16px;
        line-height: 24PX;
    }
    footer .info-area .footer-heading {
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 30px;
    }
    h3{
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    .w-manage-map {
        max-width: 350px;
    }
    .p-capital {
        margin-top: 5px;
        font-size: 16px;
    }
    .testtimonial-text{
        font-size: 16px;
        line-height: 28px;
    }
    .testimonial .rating-icons{
        font-size: 16px;
    }
    .testimonial-user-name{
        font-size: 16px !important;
    }
    .testimonial-slider img{
        width: 250px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hero-section p {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .about-text-area p{
        font-size: 16px;
    }
    .other-pages-banner h1{
        font-size: 45px;
    }
    .other-pages-banner {
/*        padding-top: 130px;*/
/*        padding-bottom: 30px;*/
    }
    header nav{
        padding: 0px !important;
    }
    .form-box {
        padding: 20px;
    }
    p{
        font-size: 16px;
        line-height: 24px;
    }
    form label {
        font-size: 16px !important;
        line-height: 24px;
    }
    form .form-control{
        font-size: 16px !important;
        line-height: 24px;
    }
    .map-height{
        height: 300px;
    }
    .opening-hours-box .day-time{
        font-size: 16px !important;
    }
    .featured-service h5{
        font-size: 16px;
    }
}