/*
font-family: 'Space Grotesk';
font-family: 'Caudex';
font-family: 'Satoshi';
*/

:root {
    --base-font: 'Space Grotesk', sans-serif;
    --title-font: 'Caudex', serif;
    --black: #0D0404;
    --Latte: #FFF8E5;
    --brown: #4F331A;
    --light-gray: #C4C4C4;
    --darkBronze: #844B00;
    --white: #fff;
    --yellow: #FFC141;
    --smooth: 0.3s all ease-in-out;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: var(--base-font) !important; */
}

img {
    max-width: 100%;
    max-height: 100%;
}

h1 {
    font-family: var(--title-font);
}
.container {
    width: 100%;
    max-width: 1366px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

/* header */
.header-top {
    background: var(--black);
    padding: 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    flex-wrap: wrap;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}
.header-top-right {
    display: flex;
    align-items: center;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
}
.header-top-r-item {
    display: flex;
    align-items: center;
    color: var(--white);
    text-decoration: none;
    grid-gap: 10px;
}
.header-top-r-item:hover {
    color: var(--Latte);
}

.header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    grid-column-gap: 30px;
    padding: 15px 30px;
}
.header-bottom .logo img {
    max-width: 320px;
}
.header-social-links, .ftr-social-links {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.header-social-links a,
.ftr-social-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    transition: var(--smooth);
}
.header-social-links a img,
.ftr-social-links a img {
    transition: var(--smooth);
}
.header-social-links a:hover,
.ftr-social-links a:hover{
    background: var(--brown);
    transition: var(--smooth);
}
.header-social-links a:hover img,
.ftr-social-links a:hover img {
    filter: sepia(1);
    transition: var(--smooth);
}


.ftr-top {
    background: var(--yellow);
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -100px;
    z-index: 1;
    position: relative;
}
.ftr-top-left {
    max-width: 550px;
}
.ftr-top-left h6 {
    font-size: 32px;
    margin: 0 0 20px 0;
}
.ftr-top-left p {
    margin: 0;
}
.ftr-social-links a {
    background: #774D27;
    transition: var(--smooth);
}
.ftr-social-links a img {
    transition: var(--smooth);
    filter: sepia(1);
}
.ftr-social-links a:hover {
    background: #E3BB72;
    transition: var(--smooth);
}
.ftr-social-links a:hover img {
    filter: brightness(0);
    transition: var(--smooth);
}
.ftr-top-right {
    width: 100%;
    max-width: 500px;
}
.ftr-top-right form {
    display: flex;
}
.ftr-top-right input {
    height: 58px;
    text-indent: 15px;
    color: var(--black);
    font-size: 16px;
    border: none;
    width: 100%;
}
.ftr-top-right button {
    background: var(--brown);
    color: var(--white);
    font-size: 16px;
    padding: 16px 32px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--smooth);
    border: none;
}
.ftr-top-right button:hover {
    background: var(--darkBronze);
    transition: var(--smooth);
}

.ftr-btm-wrapper {
    background: var(--brown);
    color: var(--white);
    padding-top: 150px;
    padding-bottom: 50px;
}
.ftr-btm {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
}

.ftr-btm-left {
    font-size: 18px;
    color: var(--white);
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
}
.ftr-btm-left .ftr-logo {
    max-width: 300px;
}
.ftr-btm-left p {
    padding-right: 30px;
    line-height: 30px;
}

.ftr-btm h6 {
font-size: 26px;
margin: 0 0 20px 0;
font-weight: 700;
color: var(--white);
display: inline-block;
}
.ftr-links {
    display: flex;
    justify-content: flex-start;
}
.ftr-links-card {
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
    width: 100%;
    max-width: 200px;
}
.ftr-links a {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 10px;
    color: var(--white);
    transition: var(--smooth);
    text-decoration: none;
}
.ftr-links a:hover {
    color: #FFC141;
    transition: var(--smooth);
}

.ftr-contact-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.ftr-contact-item {
    display: flex;
    align-items: flex-start;
    grid-gap: 7px;
    font-size: 18px;
    color: var(--white);
    transition: var(--smooth);
    text-decoration: none;
    line-height: 30px;
}
a.ftr-contact-item:hover {
    color: var(--yellow);
    transition: var(--smooth);
}
.ftr-contact-item img {
    margin-top: 6px;
}

.copyright-bar {
    background: #E3BB72;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--black);
}
.copyright-bar p {
    margin: 0;
    font-size: 16px;
}



/*hero section*/
.hero-left h1 {
    font-family: var(--title-font) !important;
}
.category-item h3 {
    padding-left: 20px;
}




/*back_top_button*/
.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    background-color: #fff;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap:hover, .progress-wrap.active-progress:hover {
    transform: translateY(-5px);
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    content: '';
    line-height: 46px;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background-image: url(../images/up-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path { 
    fill: none; 
}
.progress-wrap svg.progress-circle path {
    stroke: var(--brown);
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
/*End back_top_button*/

.testimonials .slide-item {
    display: flex;
    justify-content: center;
}
.testimonials .single-item-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 600px;
}
.testimonials .single-item-wrapper .author-name {
    order: 1;
}
.testimonials .single-item-wrapper .item-content-wrapper {
    background: transparent;
    padding-top: 90px;
}
.testimonials .single-item-wrapper .item-content-wrapper::before {
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 48px;
    opacity: 0.5;
}
.testimonials .swiper-arrow {
    background: #844b00;
    border-radius: 30px;
}




/*responsive design*/
@media (max-width:1530px) {
    .header-bottom .mega-menu-link {
        padding: 0 15px !important;
    }
}
@media (max-width:1365px) and (min-width:769px) {
    .header-bottom {
        position: relative;
        padding-bottom: 65px;
    }
    .menu {
        position: absolute;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 0;
    }
}

@media (max-width:1024px) {
    .header-top {
        font-size: 14px;
    }
    .ftr-btm {
        grid-column-gap: 20px;
    }
    .ftr-btm h6 {
        font-size: 24px;
    }
    .ftr-links a, .ftr-btm-left p, 
    .ftr-contact-item {
        font-size: 16px;
    }
    .ftr-btm-left .ftr-logo {
        max-width: 200px;
    }
    .ftr-top-left {
        max-width: 300px;
    }
}
@media (max-width:768px) {
    .header-bottom {
        padding: 15px;
        grid-column-gap: 10px;
    }
    .header-bottom .menu {
        order: 1;
    }
    #mega-menu-wrap-primary .mega-menu-toggle {
        background: transparent;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #4F331A;
    }
    .ftr-btm {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 30px;
    }
    .ftr-top {
        flex-direction: column;
        grid-gap: 30px;
        padding: 30px;
    }
    .copyright-bar {
        padding: 15px;
    }
    .ftr-top-right, .ftr-top-left {
        max-width: 100%;
    }
    .ftr-top-left h6 {
        font-size: 24px;
    }
}
@media (max-width:639px) {
    .header-social-links {
        display: none;
    }
    .header-bottom {
        grid-column-gap: 30px;
        flex-wrap: nowrap;
    }
    .header-bottom .logo img {
        width: 100%;
    }
    .header-top {
        padding: 10px;
        grid-column-gap: 10px;
    }
    .header-top-right {
        grid-column-gap: 10px;
    }
    .header-top-right img {
        display: none;
    }
    .ftr-btm {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
}


.gradient-effect-text h2 {
    color: transparent !important; /* Make the text transparent */
    background: linear-gradient(to bottom, #b4b4b4 36%, rgba(0, 0, 0, 0.9) 40%, #b4b4b4 42%, #b4b4b4);
    background-size: 100% 400%; /* Ensure gradient spans vertically across multiple lines */
    -webkit-background-clip: text;
    background-clip: text;
    animation: shine 8s infinite;
}

@keyframes shine {
    0% {
        background-position: bottom;
    }
    100% {
        background-position: top;
    }
}

/*responsive design*/
@media (max-width:1440px) {
    
    .who-we-section, .collection-grid-section {
        --content-width:1024px !important;
        margin: 50px 0 !important;
    }
    .collection-grid-section {
        margin-bottom: 0;
    }
}
@media (max-width:1366px) {
    .hero-left h1 {
        font-size: 42px !important;
    } 
    .hero-left h2 {
        font-size: 32px !important;
    }
    .gradient-effect-text h2, .collection-grid-section h2, .why-us-section h2 {
        font-size: 42px !important;
        line-height: 60px !important;
    }
    .elementor-counter-number-wrapper {
        font-size: 42px !important;
    }
    .elementor-counter-title {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    .elementor-counter-number-wrapper {
        display: flex !important;
        align-items: center !important;
    }
    .who-we-ttl h3 {
        font-size: 20px !important;
    }
    .who-we-section, .collection-grid-section {
        margin-top: 50px !important;
    }
    .collection-grid-section {
        margin-bottom: 0 !important;
    }
    .why-us-section {
        padding-top: 50px !important;
    }
    .testimonials {
        margin: 50px 0 !important;
    }
    .category-item h3 {
        font-size: 18px !important;
    }
    .collection-left-img {
        left: -40px !important;
        z-index: -1;
    }
    .who-we-section .hide-in-small {
        right: 0 !important;
    }
}

@media (max-width:1440px) and (min-width:1366px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 18px !important;
    }
}

.all_heading h1 {
    font-family: var(--title-font) !important;
    font-size: 46px;
    font-weight: 600;
    color: var(--black);
    margin: 40px 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}
@media (max-width:1023px) {
    .all_heading h1 {
        font-size: 32px !important;
        margin: 20px 0 10px !important;
    }
    .hide-in-small {
        display: none !important;
    }
}

@media (max-width:639px) {
    .hero-left h1 {        font-size: 28px !important;}
    .hero-left h2 {
        font-size: 18px !important;
    }
    .elementor-button {
        font-size: 16px !important;
    }
    .elementor-counter-title {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .who-we-section, .collection-grid-section, .testimonials {
        margin: 0 !important;
    }
    .why-us-section {
        padding-top: 20px !important;
    }
    .gradient-effect-text h2, .collection-grid-section h2, .why-us-section h2, .testimonials h2 {
        font-size: 24px !important;
        line-height: 36px !important;
    }
    .why-us-section p, .who-we-section p {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    .category-item h3 {
        font-size: 16px !important;
    }
    .testimonials {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ftr-top-right form {
        flex-wrap: wrap;
        grid-gap: 10px;
    }
    .ftr-links a, .ftr-btm-left p, .ftr-contact-item, .ftr-top-left p, .testimonials .single-item-wrapper .item-content {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
        padding: 0 !important;
    }
    .copyright-bar p {
        font-size: 12px;
    }
    .copyright-bar {
        padding: 10px 15px;
    }
    .ftr-btm h6 {
        font-size: 18px;
    }
}

/*list page*/
.woocommerce-shop .woocommerce-ordering select {
    height: 42px;
    border-radius: 10px;
    background-color: #f4f4f4;
    border: none;
    padding: 0 15px;
}
.woocommerce ul.products li.product a img {
    border-radius: 20px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-top: 0;
    font-size: 16px;
    color: #000;
}

/*detail page*/
.single-product .site-inner {
    width: 100%;
    max-width: 1366px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.single-product.woocommerce div.product {
    float: left;
    width: 100%;
}
.woocommerce div.product div.images img {
    border-radius: 30px;
}
.woocommerce-product-details__short-description {
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    max-width: 400px;
}
.woocommerce-product-details__short-description table {
    width: 100%;
}
.woocommerce-product-details__short-description td {
    padding: 10px 20px;
    background: #fff0e4;
    border: 1px solid #fff;
}
.woocommerce-product-details__short-description td.ctheading {
    font-weight: 600;
    background: #994400;
    color: #fff;
}
.woocommerce div.product div.summary .product_meta {
    display: none;
}


/*pagination*/
.woocommerce nav.woocommerce-pagination ul {
    margin: 0 0 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
}
.woocommerce nav.woocommerce-pagination ul a, .woocommerce nav.woocommerce-pagination ul span {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    width: 30px;
    height: 30px;
    margin: 0 5px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none;    
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #4F331A !important;
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul a:hover {
    background: #E3BB72 !important;
}




.all_content {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #333 !important;
    font-weight: 400;
}
.all_content .elementor-widget-text-editor {
    color: #333;
}
.all_content .elementor-element {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width:768px) {
    .all_content { 
        font-size: 20px;
    }
}

/*
form[aria-label="Contact form"] => contact form
#yith-ywraq-mail-form => request a quote page form
*/

form[aria-label="Contact form"],
#yith-ywraq-mail-form {
    padding: 30px;
    background: #ffecc8;
}
form[aria-label="Contact form"] *,
#yith-ywraq-mail-form * {
    width: 100%;
}
form[aria-label="Contact form"] input, form[aria-label="Contact form"] textarea,
#yith-ywraq-mail-form input, #yith-ywraq-mail-form textarea {
    height: 58px;
    text-indent: 15px;
    color: var(--black);
    font-size: 16px;
    border: none;
    width: 100%;
    margin-top: 10px;
}
form[aria-label="Contact form"] textarea,
#yith-ywraq-mail-form textarea {
    height: 200px;
}
form[aria-label="Contact form"] label,
#yith-ywraq-mail-form label {
    font-weight: 600;    
}
form[aria-label="Contact form"] input[type="submit"],
#yith-ywraq-mail-form input[type="submit"],
#yith-ywraq-form .button {
    background: var(--brown);
    color: var(--white);
    font-size: 16px;
    padding: 16px 32px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--smooth);
    border: none;
    margin-top: 0;
}
@media (min-width:768px) {
    .contact-right {
        padding-left: 30px !important;
    } 
}



.woocommerce table.shop_table th {
    background: #4F331A;
    color: #fff;
}
.woocommerce table.shop_table td a {
    color: var(--darkBronze);
    text-decoration: none;
    font-weight: 600;
}
.woocommerce .quantity .qty {
    height: 58px;
    text-indent: 15px;
    color: var(--brown);
    font-size: 16px;
    border: none;
    font-weight: 600;
    margin-top: 10px;
    background: #ffecc8;
}
@media (max-width: 768px) {
    .ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper {
        padding-left: 0;
        padding-right: 0;
    }    
}

.nav-primary {
  display: none;
}


 
.header-menu #mega-menu-wrap-primary{background: transparent;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding: 15px 20px;
  color: black;
  height: auto;
  line-height: normal;
  border-radius: 40px !important;font-family: "Sora", Sans-serif;
  font-size: 18px !important;
  font-weight: 400;text-transform: uppercase;position: relative;padding-left: 30px;margin-left: 10px;}

  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {  height: 5px;  width: 5px;  border-radius: 50%;  background: black;  content:'' ;  position: absolute;  left: 20px;  top: 22px;  content: '';visibility: hidden;opacity: 0;transition: 300ms all;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{background: #F7F7F7 !important;color: #000;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus::before{opacity: 1;visibility: visible;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{background: #F7F7F7;color: #000;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before{visibility: visible;opacity: 1;}
.custom-btn .elementor-button-content-wrapper .elementor-button-icon{height: 29px; width: 29px;background-color: white;border-radius: 50%;text-align: center;align-content: center;}
.custom-btn .elementor-button-content-wrapper .elementor-button-icon svg{width: 12px;margin: auto;transition: 300ms all;}
.custom-btn:hover .elementor-button-content-wrapper .elementor-button-icon svg{transform: rotate(45deg);}
#mega-menu-wrap-primary .mega-menu-toggle{background: linear-gradient(70deg,#0072B6,#004589);border-radius: 5px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{background: white;
  overflow: hidden;margin-bottom: 15px;border-radius: 10px;box-shadow: 0px 0px 10px 3px #66666624;
  margin-top: 15px;} 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ color: black !important;font-family: "Sora", Sans-serif;background: white;padding: 7px 20px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{background: #f7f7f7;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{background-color: #FFF;}





.contact-form form.wpcf7-form{padding: 0;
  background: transparent;}
.contact-form form.wpcf7-form input,
.contact-form form.wpcf7-form textarea{padding: 10px;border-radius: 10px;border: 1px solid #D2D2D2;color: #646464;font-family: "Sora", Sans-serif;font-size: 16px;height: auto;
  width: 100%;text-indent: 0px;}
.contact-form form.wpcf7-form textarea{height: 147px;}
.contact-form form.wpcf7-form input.wpcf7-submit{background-color: transparent;
  font-family: "Sora", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  line-height: 26px;
  background-image: linear-gradient(46deg, #0072B6 0%, #004589 100%);
  transition-duration: 500ms;
  border-radius: 65px 65px 65px 65px;
  padding: 18px 028px 18px 28px;color: white;width: fit-content;}
.contact-form form.wpcf7-form input.wpcf7-submit:hover{background-color: transparent;
  background-image: linear-gradient(45deg, #004589 0%, #0072B6 100%);}


.newsletter form.wpcf7-form{padding: 0;background-color: transparent;}
.news-wrap {
  display: flex;position: relative;
}

.newsletter .news-input p,
.newsletter .news-btn p{margin: 0;}
.newsletter .news-input input{margin: 0;margin: 0;
  border-radius: 40px;
  width: 100%;
  padding: 20px;}

.newsletter .news-btn{position: absolute;
  width: fit-content;
  right: 0;}
.newsletter .news-btn input.wpcf7-submit{background-color: transparent;
  font-family: "Sora", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  line-height: 26px;
  background-image: linear-gradient(46deg, #0072B6 0%, #004589 100%);
  transition-duration: 500ms;
  border-radius: 65px 65px 65px 65px;
  padding: 18px 028px 18px 28px;color: white;width: fit-content;margin-left: auto;}
.newsletter .news-btn p{text-align: end;}
.newsletter .news-btn input.wpcf7-submit:hover{background-color: transparent;
  background-image: linear-gradient(45deg, #004589 0%, #0072B6 100%);}


.banner-slider-bottom-arrow .slick-arrow{position: relative !important;width: 30px;left: unset;right: unset;top: unset;bottom: unset;transform: translate(0);}
.banner-slider-bottom-arrow .slick-arrow.wpr-grid-slider-next-arrow{transform:  rotate(180deg);;}
.banner-slider-bottom-arrow .slick-arrow svg{fill: #0072B6;}
.banner-slider-bottom-arrow{display: flex;align-items: center;gap: 30px;}
.banner-slider-bottom-arrow h3.doctor-arrow{font-family: "Sora", Sans-serif; font-size: 18px;font-weight: 400;color: #646464;margin: 0;}
.elementor-7 .elementor-element.elementor-element-e50cb6b .wpr-animation-wrap:hover .wpr-grid-media-hover-bg{display: none;}
.banner-slider .wpr-grid-slider-arrow-container,
.banner-slider .wpr-grid-slider-dots{display: none !important;}

.banner-headingg-img{display: initial;}

/* .custom-btn.border-btn .elementor-button-content-wrapper .elementor-button-icon{background-image: linear-gradient(45deg, #004589 0%, #0072B6 100%);}
.custom-btn.border-btn .elementor-element.elementor-element-65e3c98 .elementor-button{} */
.custom-btn.border-btn:hover .elementor-button-content-wrapper .elementor-button-icon{background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);}

.gradient-border.elementor-widget-divider--view-line_icon .elementor-divider-separator::after{background-image: linear-gradient(-45deg, #ffffff00 0%, #0063a7 100%) !important;
  height: 3px;border-block-start: unset;}

.client-add{width: 80px !important;
  height: 80px;
  border-radius: 50%;
  border: 3px solid #ebf7ff;
  text-align: center;
  align-content: center;
  background: white;
  position: absolute;
  top: -10px;
  right: -10px;
}
.client-add .elementor-widget-container{align-content: center;}


.scroll-btn-position{right: 50%;
  transform: translateX(100px);}

.banner-slider,
.banner-slider section.slick-slider,
.banner-slider section.slick-slider .slick-list,
.banner-slider section.slick-slider .slick-list .slick-track,
.banner-slider section.slick-slider .slick-list  *{height: 100%;}
.banner-slider section.slick-slider .slick-list .wpr-grid-image-wrap img{object-fit: cover;}
.elementor-7 .elementor-element.elementor-element-e50cb6b .wpr-grid-item-lightbox .inner-block > span{display: none;}


/* .form-btn > p{width: fit-content;position: relative;}
.form-btn > p input.wpcf7-submit{padding-right: 56px !important;}
.form-btn > p::before{height: 30px;width: 30px;border-radius: 50%;background-color: white;position: absolute;right: 15px;
  top: 15px;
  content: '';background-image: url(https://stelliummpharmachem.com/wp-content/uploads/2025/06/Stelliumm-pharmachempvt.ltd-1.svg);
  background-size: 10px;} */

.newsletter .news-btn p{position: relative;width: fit-content;}

.newsletter .news-btn p .wpcf7-spinner{position: absolute;
  top: 20px;
  width: 25px;
  right: 50px;}


.newsletter .wpcf7 form .wpcf7-response-output{width: 100%; 
  margin: 0; 
  margin-top: 10px;
  text-align: center;
  color: white;}

.elementor-7 .elementor-element.elementor-element-12cc35e .wpr-testimonial-content-inner::before {display: none;}
.wpr-testimonial-meta-position-bottom .wpr-testimonial-content-inner{margin-bottom: 0 !important;}


@media (max-width:1500px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size: 16px !important;text-transform: capitalize;margin-left: 5px;padding: 10px 15px;padding-left: 30px;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before{top: 18px;}
}

@media (max-width:1280px) {
      #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before{display: none;}
       #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding-left: 15px;}
}

@media (max-width:1200px) {
    #mega-menu-primary{padding: 20px !important;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{margin-left: 0;margin-bottom: 15px;color: white;}
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{background: linear-gradient(70deg,#0072B6,#004589);border-radius: 5px;}
}

@media (max-width:767px) {
    .news-wrap{display: block;}
    .newsletter .news-btn{position: relative;margin:auto;margin-top:10px;}
}