/*
Theme Name: Star Outdoor
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
:root {
    --primary: #ff6900;
    --secondary: #FFF0E6;
    --light: #F8F8F9;
    --dark: #001D23;
    --dark2: #1C1C1C;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
    text-decoration-style: dashed;
}

a:active {
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: underline;
    text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border: none;
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--medium);
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
    opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body>.is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"]>.wp-block-group,
.is-root-container .wp-block[data-align="full"]>.wp-block-cover {
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-cover,
.wp-site-blocks>.wp-block-template-part>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-template-part>.wp-block-cover,
body>.is-root-container>.wp-block-cover,
body>.is-root-container>.wp-block-template-part>.wp-block-group.has-background,
body>.is-root-container>.wp-block-template-part>.wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"]>*:not(.wp-block-group) .wp-block[data-align="full"] {
    margin-left: auto !important;
    margin-right: auto !important;
    width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
    padding-top: var(--wp--custom--spacing--outer);
    padding-bottom: var(--wp--custom--spacing--large);
    padding-right: var(--wp--custom--spacing--outer);
    padding-left: var(--wp--custom--spacing--outer);
}

/*
 * Improves spacing for the legacy Post Comments block.
 * https://core.trac.wordpress.org/ticket/57560
 */

.wp-block-post-comments ol.commentlist ul.children {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
    margin-bottom: 1rem;
}


.text-box ul li {
    list-style: none;
    position: relative;
    text-align: left;
}

.text-box ul li::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    text-transform: none;
    content: "\f133";
    font-size: 15px;
    color: var(--primary);
    padding-right: 6px;
    position: relative;
    top: 3px;
}

@media(min-width:992px) {
    .single-blog-img.v2 img {
        height: auto !important;
    }
}



/******Sales Landing Page******/

/*** Button ***/

.default-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border: none;
    text-align: center;
    background-color: var(--primary);
    color: var(--light);
    font-size: 16px;
    font-weight: 500;
    padding: 14.5px 33px 13.5px;
    transition: all ease .6s;
    z-index: 1
}

.default-btn::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 20px;
    height: 20px;
    background-color: #262626;
    border-radius: 0 50px 0 0;
    transition: ease all .2s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.7s;
}

.default-btn:hover {
    color: var(--light)
}

.default-btn:hover::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0
}


/*** Banner Start ***/

.hero-banner2 .hendrio-slider-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    border-bottom: 4px solid var(--primary);
}

.hero-banner2 .slider-title {
    position: relative;
    z-index: 1;

}

.hero-banner2 .single-slider {
    display: inline-block;
    padding: 20px 30px;
}

.hero-banner2 .slider-title h4 {
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    color: var(--dark2);
    font-weight: 500;
    font-family: "Montserrat";
    margin: 0 0 12px 30px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.hero-banner2 .slider-title h1 {
    font-size: 60px;
    line-height: 70px;
    color: var(--dark2);
    margin: 0;
    font-weight: 700;
    position: relative;
    z-index: 1;
    /*! text-align: center; */
}

.hero-banner2 .slider-button {
    margin-top: 28px;
}

.hero-banner2 p {
    color: #2D2828;
    /*! text-align: center; */
    margin-top: 3%;
    font-weight: 400;
    font-size: 15px;
}

.front-page.hero-banner .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
}

/* Home Box Content */

.home-box {
    position: relative;
    overflow: hidden;
}

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

.home-box-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.home-box-hidden-content {
    opacity: 0;
    position: relative;
    z-index: 2;
    transition: opacity 0.4s easeh;
}

.home-box .hidden-content {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.home-box-hidden-background {
    position: absolute;
    top: -25%;
    left: -100%;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    /* clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%); */
}

/* Hover states */
.home-box:hover span.text-primary {
    color: #fff !important;
    transition: color 0.3s ease;
}

.home-box:hover .home-box-hidden-content {
    opacity: 1;
}

.home-box:hover .hidden-content {
    opacity: 1;
}


/* Card Box Content */
.card-box {
    position: relative;
    overflow: hidden;
}

.card-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-box-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    align-items: center;
    display: flex;
}

.card-box-hidden-content {
    opacity: 0;
    position: relative;
    z-index: 2;
    transition: opacity 0.4s easeh;
}

.card-box .hidden-content {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-box-hidden-background {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: 0;
    z-index: 0;
}

.card-box-star {
    position: absolute;
    bottom: 0;
    /* Optional: You can remove this if you're using `y` */
    width: 100%;
    left: 0;
    z-index: 3;
    padding: 1rem;
    transform: translateY(0);
    /* Set initial transform */
}

.card-box .card-star {
    border: 1px solid white;
    transition: all 0.8s ease;
}

/* Hover states */
.card-box:hover span.text-primary {
    color: #fff !important;
    transition: color 0.3s ease;
}

.card-box:hover .card-box-hidden-content {
    opacity: 1;
}

.card-box:hover .hidden-content {
    opacity: 1;
}

.card-box:hover .card-star {
    border: 0;
}

/*** Full Screen Container ***/

.full-screen .right-column {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.bg-light.full-screen {
    position: relative;
    z-index: 1;
}

.full-screen .right-column img {
    border-bottom-left-radius: var(--bs-border-radius-xxl);
    border-top-left-radius: var(--bs-border-radius-xxl);
}

/*** Marquee Cancopy Start ***/

.marquee-cancopy .product {
    position: relative;
    margin: 15px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
    box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.marquee-cancopy .product:hover {
    -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #ff6900;
    box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #ff6900;
}

.marquee-cancopy .product .product-img {
    position: relative;
}

.marquee-cancopy .product .product-img>img {
    width: 100%;
}

.marquee-cancopy .product .product-body {
    position: relative;
    padding: 15px;
    background-color: #FFF;
    text-align: center;
    z-index: 20;
    padding-bottom: 10%;
    padding-top: 0%;
}

.marquee-cancopy .product .product-body .product-name {
    font-size: 20px;
}

.marquee-cancopy .product .product-body .product-name>a {
    font-weight: 700;
    color: black;
}

.marquee-cancopy .product .product-body .product-name>a:hover,
.marquee-cancopy .product .product-body .product-name>a:focus {
    color: var(--primary);
}

.marquee-cancopy .product .product-body .product-rating {
    position: relative;
    margin: 15px 0px 10px;
    height: 20px;
}

.marquee-cancopy .product .product-body .product-rating>i {
    position: relative;
    width: 28px;
    margin-right: -4px;
    background: #FFF;
    color: #E4E7ED;
    z-index: 10;
}

.marquee-cancopy .product .product-body .product-rating>i.fa-star {
    color: #fcb903;
}

.marquee-cancopy .product .product-body .product-rating:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1px;
    background-color: #E4E7ED;
}

.marquee-cancopy .product .product-body .product-btns>button {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    border: none;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.marquee-cancopy .product {
    position: relative;
    overflow: hidden;
}

.marquee-cancopy .product-img img {
    transition: transform 0.3s ease;
}

.marquee-cancopy .product:hover .product-img img {
    transform: scale(1.1);
}

.marquee-cancopy .product:hover .product-name a {
    color: var(--primary);
}

.marquee-cancopy .product-name a {
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.marquee-cancopy .section-title__title {
    margin: 0;
    color: var(--dark2);
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin-top: 8px;
}

.marquee-cancopy {
    margin-top: 3%;
}

.heading-text-with-underline {
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.marquee-cancopy .heading-text-with-underline.dark-color {
    color: var(--dark2);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.marquee-cancopy .heading-text-with-underline span {
    position: relative;
    z-index: 1;
}


/*** Form Start ***/

.contact-us-start .quick-query-wrapper .heading-intro-text-sm {
    margin-bottom: 21px;
}

.contact-us-start .heading-intro-text-sm {
    font-size: 14px;
    color: var(--primary);
    border-radius: 5px;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 17px;
}

.contact-us-start .quick-query-wrapper .heading-text-with-underline {
    margin-bottom: 60px;
}

.contact-us-start .heading-text-with-underline.dark-color {
    color: var(--dark2);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.contact-us-start .heading-text-with-underline span {
    position: relative;
    z-index: 1;
}


.contact-us-start .enquiry-card-wrapper {
    background-color: #414042;
    padding: 50px;
}

.contact-us-start .headphone {
    line-height: 96px;
    font-size: 70px;
    color: var(--light);
}

.contact-us-start .enquiry-card-wrapper .enquiry-card-text {
    color: var(--light);
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0;
}

.contact-us-start .enquiry-card-wrapper .enquiry-card-contact a {
    color: var(--primary);
}

.contact-us-start .enquiry-card-wrapper .enquiry-card-contact {
    color: var(--light);
    font-size: 22px;
    font-weight: 500;
}

.contact-us-start .growth-form-input {
    border-radius: 4px;
    padding: 13px;
    margin-bottom: 20px;
}

.contact-us-start .form-control {
    display: block;
    width: 100%;
    padding: 1.375rem -0.25rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark2);
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.contact-us-start {
    margin-top: 3%;
}

.contact-us-start .contact-mail a {
    font-size: 20px;
    color: var(--light);
}

/*** Cta Start ***/

.cta .title-area {
    position: relative;
    z-index: 2;
}

/* .text-white {
    color: var(--light) !important;
} */

.offer_list {
    list-style: none;
    padding-left: 0px;

}

.offer_list::after {
    content: "";
    position: absolute;
    height: 5px;
    border-right: 1px solid var(--dark2);
    top: 0;
    width: 2px;
}

.cta_para {
    text-align: left;
    padding-top: 25px;
    color: #1b1a1c;
}

.offer_list li {
    display: inline-block;
}

@media(max-width: 767px) {
    .offer_list li h6 {
        padding-left: 0px;
        text-align: center;
    }
}

.offer_list li h6 {
    font-size: 35px;
    text-align: left;
    color: #1b1a1c;
    padding-left: 30px;
}

.cta .sec-title {
    font-weight: 500;
    font-size: 50px;
    line-height: 58px;
    color: var(--dark2);
    margin-bottom: 15px;
}

.cta .about-info-wrap.style3 {
    gap: 20px;
    align-items: center;
}

.cta .about-info-wrap {
    display: flex;
}

.cta .about-info-wrap.style3 .icon {
    color: var(--light);
}

.cta .about-info-wrap .icon {
    height: 56px;
    width: 56px;
    line-height: 56px;
    border: 1px solid #414042;
    font-size: 18px;
    color: var(--primary);
    border-radius: 50%;
    text-align: center;
}

.cta .about-info-wrap .icon i {
    color: var(--primary);
}

.cta .about-info-wrap .icon .fa-phone-volume {
    transform: rotate(-30deg);
}

.cta .about-info-wrap .about-info-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--dark2);
}

.cta .quote_section .default-btn1 {
    background-color: #414042;
    color: #fff;
}

.cta .about-info-wrap.style3 .about-info-link {
    color: var(--primary);
}

.cta .about-info-wrap .about-info-link {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
}

.cta .cta-area {
    padding-top: 6%;
    padding-bottom: 6%;
}

.cta .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 30px;
    margin-left: 33%;
    margin-top: 3%;
}

.cta .quote_section {
    background: -webkit-linear-gradient(0deg, #ff690024, #FAF1EF 100%);
    /*background-image: url(../img/images/cta.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    padding: 68px 0 68px;
    position: relative;
}

.cta .quote_section .quote_left_icon {
    position: absolute;
    top: 182px;
    left: -64px;
    width: 15%;
}

.cta .quote_section .quote_right_icon {
    position: absolute;
    right: 0;
    bottom: 170px;
    width: 15%;
}

.cta img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.cta img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.mobile-quote-layout {
    padding: 1rem;
    border-radius: 0.375rem;
}

.mobile-quote-layout .quote-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mobile-quote-layout .form-control {
    text-align: center;
}

.mobile-quote-layout .quote-label {
    font-weight: bold;
    margin-bottom: 0.2em;
}

.mobile-quote-layout .quote-value {
    font-size: 1rem;
}

.mobile-quote-layout .quote-item:not(:last-child) {
    border-bottom: 2px solid silver;
    padding: 2em 0;
}

.mobile-quote-layout .quantity-wrapper {
    width: 100%;
}

/* Add these styles to your stylesheet */
.offcanvas.offcanvas-start {
    width: 300px;
}

/* Style the filter button */
.btn-outline-primary svg {
    vertical-align: -3px;
}

/* Ensure the filter content scrolls if needed */
.offcanvas-body .product-filters {
    height: 100%;
    overflow-y: auto;
}

/* Style active states for both mobile and desktop */
.product-filter-item .btn-check:checked+.btn,
.product-filter-item .btn:hover {
    color: var(--primary);
}


/* Optional: Add some padding to the filter items in mobile */
@media (max-width: 768px) {
    .product-filter-list .btn {
        padding: 0.75rem 1rem;
        width: 100%;
        text-align: left;
    }

    .product-filter-item .btn-check:checked+.btn {
        color: var(--primary);
    }

    .partner-carousel-section .swiper {
        max-width: 400px;
        padding: 1em;
    }
}

/* Rotate chevron when collapse is open */
[aria-expanded="true"] .toggle-icon svg {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

[aria-expanded="false"] .toggle-icon svg {
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.cta {
    margin-top: 5%;
}

.cta .highlight {
    color: var(--primary);
    font-size: 110px;
    font-weight: 700;
    margin-right: 1%;
}

.cta p {
    color: var(--dark2);
    font-size: 20px;
}

.default-btn1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border: none;
    text-align: center;
    background-color: var(--light);
    color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    padding: 14.5px 33px 13.5px;
    transition: all ease .6s;
    z-index: 1
}

.default-btn1::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 20px;
    height: 20px;
    background-color: #262626;
    border-radius: 0 50px 0 0;
    transition: ease all .2s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.7s;
}

.default-btn1:hover {
    color: var(--light)
}

.default-btn1:hover::after {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0
}

/*** Faqs Start ***/

.faqs-start .heading-text-with-underline.dark-color {
    color: var(--dark2);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.faqs-start .heading-text-with-underline span {
    position: relative;
    z-index: 1;
}


.faqs-start ul {
    padding: 2%;
}

.faqs-start .faqs-text {
    margin-top: -2%;
}

.faqs-start li {
    text-align: justify;
}

.faqs-start h5 {
    font-size: 24px;
    color: var(--primary);
    text-transform: none;
    font-weight: 700 !important;
}

.faqs-start ul li {
    text-align: justify;
}

.faqs-start p {
    text-align: justify;
}

/*** Choose Us Start ***/

.choose-us .s-single-services {
    background-color: #ffffff;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.09);
}

.choose-us .s-single-services {
    transition: .3s;
    padding: 30px;
    display: flex;
}

.choose-us .mb-30 {
    margin-bottom: 30px;
}

.choose-us .second-services-content h5 {
    transition: .3s;
    letter-spacing: 0;
    font-size: 17px;
    color: #fff;
    margin-top: 7%;
}

.choose-us .second-services-content a {
    color: var(--dark2);
}

.choose-us .second-services-content p {
    margin-bottom: 0;
    color: var(--light);
}

.choose-us .date-box {
    width: 102px;
    height: 91px;
    margin-right: 14px;
    text-align: center;
    position: relative;
    float: left;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 60px;
    border-left: 1px solid var(--dark2);
    border-bottom: 1px solid var(--dark2);
    display: flex;
    align-items: center;
}

.choose-us .date-box::before {
    content: "";
    width: 111px;
    height: 93px;
    left: -18px;
    border-right: 1px solid var(--dark2);
    position: absolute;
    top: 9px;
    border-top: 1px solid var(--dark2);
}



.choose-us .second-services-content .real-state {
    margin-top: 38%;
}

.choose-us .second-services-content .councils {
    margin-top: 22%;
}

@media(min-width:992px) {
    .single-choosimg-box {
        height: 238px;
    }
}

.single-choosimg-box {
    position: relative;
    display: block;
    background: #ffffff;
    border: 3px solid var(--primary);
    padding: 37px 37px 29px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.single-choosimg-box .icon-holder {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #eeeeee;
    border-radius: 100%;
    text-align: center;
    padding: 18px 0;
    transition: all 1500ms ease 300ms;
}

.single-choosimg-box:hover .icon-holder {
    border-color: var(--primary);
    border-radius: 50%;
    transition: all 900ms ease 100ms;
    transform: perspective(0px) rotateX(0deg) rotate(360deg);
}


.single-choosimg-box .icon-holder span:before {
    font-size: 40px;
}

.single-choosimg-box .text-holder {
    position: relative;
    display: block;
    padding-top: 24px;
}

.single-choosimg-box .text-holder h3 {
    color: #131313;
    margin: 0 0 17px;
    font-size: 19px;
    transition: .3s;
}

.single-choosimg-box .text-holder p {
    margin: 0;
}

.choose-us .s-single-services {
    position: relative;
    overflow: hidden;
}

.choose-us .date-box img {
    transition: transform 0.3s ease;
}

.choose-us .s-single-services:hover .date-box img {
    transform: scale(1.1);
}

.choose-us .s-single-services:hover h5 a {
    color: var(--primary);
}

.choose-us .second-services-content h5 a {
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease;
}

.choose-us .heading-text-with-underline.dark-color {
    color: var(--dark2);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.choose-us .heading-text-with-underline span {
    position: relative;
    z-index: 1;
}


/*** Testimonial Start ***/

.testimonial .owl-carousel .owl-nav {
    position: absolute;
    width: 135px;
    height: 60px;
    top: -110px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.testimonial .owl-carousel .owl-nav .owl-prev {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    background: var(--primary);
    border-radius: 60px;
    font-size: 30px;
}

.testimonial .owl-carousel .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    background: var(--primary);
    border-radius: 60px;
    font-size: 30px;
}

.testimonial .testimonial-author-area {
    border-radius: 10px;
    background: #ffffff !important;
    padding: 32px;
    position: relative;
    z-index: 7;
    border: 3px solid #F5F5F5;
}

.testimonial .testimonial-author-area .star-list {
    margin-bottom: 24px;
    padding: 0%;
}

.testimonial .testimonial-author-area .star-list li {
    display: inline-block;
    color: #FFBA00;
    border-radius: 1px;
    background: rgba(165, 200, 95, 0.05);
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    margin: 0 3px 0 0;
    font-size: 27px;
}

.testimonial .testimonial-author-area p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    color: #0B1B23;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -81px;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea .testimonial-man-info {
    display: flex;
    align-items: center;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea .testimonial-man-info .man-img {
    height: 70px;
    width: 70px;
    -o-object-fit: cover;
    object-fit: cover;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea .testimonial-man-info .img-text {
    margin-left: 16px;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea .testimonial-man-info .img-text a {
    font-family: "Frank Ruhl Libre", serif;
    font-size: 16px;
    font-weight: 400;
    color: #0B1B23;
    margin-bottom: 6px;
    display: inline-block;
}

.testimonial .testimonial-author-area .testimonial-mans-infoarea .testimonial-man-info .img-text p {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #3A3A3F;
}

.testimonial .quito-img2 {
    margin-left: 33%;
}

.testimonial .sec-title_title {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 18px;
    letter-spacing: 0.5px;
    display: inline-block;
    color: var(--primary);
    text-transform: uppercase;
    border: 1px dashed var(--primary);
}

.testimonial .sec-title_heading {
    color: var(--dark2);
    text-transform: capitalize;
    margin-top: 15px;
    font-size: 27px;
    margin-bottom: 6%;
}

.testimonial {
    margin-top: 1%;
}

.testimonial .sec-title .sub-title {
    color: var(--primary);
}

.testimonial .sec-title .sub-title {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-family: 'Just Another Hand', cursive;
    line-height: 30px;
    font-weight: 600;
    padding-left: 28px;
    padding-right: 28px;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.testimonial .sec-title .sub-title:before {
    position: absolute;
    content: '';
    background-image: url(../img/icon/about_check.png);
    width: 16px;
    height: 16px;
    top: 5px;
    background-repeat: no-repeat;
}

.testimonial .sec-title .sub-title:before {
    left: 0px;
}

.testimonial h6 {
    font-weight: 700 !important;
}

.testimonial .sec-title .sub-title:after {
    position: absolute;
    content: '';
    background-image: url(../img/icon/about_check.png);
    width: 16px;
    height: 16px;
    top: 5px;
    background-repeat: no-repeat;
}

.testimonial .sec-title .sub-title:after {
    right: 0px;
}

.testimonial .sec-title h2 {
    position: relative;
    display: block;
    font-size: 41px;
    line-height: 58px;
    font-weight: 700;
}

.testimonial h6 {
    font-size: 20px;
    color: var(--primary);
    font-style: italic;
}

@media (min-width: 992px) {
    .testimonial .testimonial-author-area {
        height: 300px;
        overflow-y: scroll;
    }
}

.testimonial .heading-text-with-underline.dark-color {
    color: var(--dark2);
    text-transform: capitalize;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
}

.heading-text-with-underline span {
    position: relative;
    z-index: 1;
    color: var(--primary);
}


.border-end {
    border-right: 1px solid #4a4b4c !important;
}

.past-event-bg ul {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px;
}

.past-event-bg ul li b {
    color: #111;
}

.past-event-bg ul li {
    color: #221d1d;
    list-style: none !important;
    font-size: 18px;
    padding-bottom: 1px;
    font-weight: 500;
    text-align: center;
}

.past-event-bg ul li:last-child {
    padding-bottom: 0px !important;
}

.past-event-bg {
    background-color: #f2f2f2;
    padding-top: 12px;
    padding-bottom: 12px;
}

.blog-item {
    margin-bottom: 25px;
}

/*** Who We Help Start ***/

.we-help .pq-section.pq-style-1.text-center {
    padding: 0 15em;
    margin-bottom: 60px;
}

.we-help .pq-section.pq-style-1 {
    position: relative;
    z-index: 1;
}

.we-help .pq-fancy-box.pq-style-1 {
    padding: 50px 45px;
    transition: all 0.5s ease;
    background: white;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.we-help .pq-fancy-box.pq-style-1 .pq-fancy-media {
    display: inline-flex;
    align-items: center;
}

.we-help .pq-fancy-box.pq-style-1 .pq-fancy-box-icon {
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}

.we-help .pq-fancy-box.pq-style-1 .pq-fancy-box-icon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 90%;
    background: black;
    opacity: 0.1;
}

.we-help .pq-fancy-box.pq-style-1 .pq-fancy-box-icon i {
    font-size: 58px;
    line-height: 65px;
    transition: all 0.5s ease;
    display: inline-block;
}

.we-help .pq-fancy-box.pq-style-1 .pq-fancybox-description {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

.we-help .pq-button.pq-button-link {
    padding: 0;
    background: transparent;
    color: var(--primary);
}

.we-help .pq-button .pq-button-text {
    transition: all 0.5s ease;
}

.we-help .pq-button.pq-button-link:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: .3s cubic-bezier(.48, .05, .50, .94) .2s;
    -o-transition: .3s cubic-bezier(.47, .05, .50, .94) .2s;
    transition: .3s cubic-bezier(.47, .05, .50, .94) .2s;
}

.we-help .pq-bg-grey {
    background-color: #a4a4a4;
    padding-top: 4%;
    padding-bottom: 4%;
}

.we-help .pq-fancy-box.pq-style-1:hover {
    background-color: #414042;
    color: var(--light);
}

.we-help .pq-fancy-box-info a {
    color: var(--primary);
    font-size: 24px;
}

.we-help h2 {
    color: var(--light);
}

.rgt_txt {
    font-weight: 600;
    color: var(--dark2);
}


/* GLightBox Image Hover */

.product-hover-zoom {
    display: block;
    position: relative;
    cursor: zoom-in;
    height: 100%;
}

.product-hover-zoom:hover::after {
    content: '';
    position: fixed;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 400px;
}


.gslide-media.gslide-image {
    background: white;
}


/* Home Refresh Testimonials */

.testimonial-quotation {
    position: absolute;
    top: 0;
    left: 0;
}

.testimonial-border {
    position: absolute;
    left: 1.2em;
    top: 0;
    height: 100%;
    border: 1px solid var(--bs-primary);
}

.testimonial-slider-container .swiper-button-next,
.testimonial-slider-container .swiper-button-prev {
    color: var(--bs-primary);
}

.testimonial-slider-container .swiper-pagination {
    position: relative;
    margin-top: 2em;
    color: var(--bs-primary);
}

.testimonial-slider-container .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--bs-primary);
}

.testimonial-slider-container .plyr--video {
    height: 100%;
}

.testimonial-slider-container .plyr__control--overlaid {
    background: var(--bs-primary);
}

.testimonial-slider-container .plyr__control--overlaid:hover {
    background: var(--bs-primary);
}

.testimonial-slider-container .plyr__poster {
    background-size: cover;
}


/* Product Carousel */

.services .swiper-button-next,
.services .swiper-button-prev {
    color: var(--bs-primary);
}

.services .swiper-pagination {
    position: relative;
    margin-top: 1em;
}

.services .swiper-pagination-bullet-active {
    background: var(--bs-primary);
}

/* Client Marquee */

.marquee {
    display: flex;
    flex-wrap: nowrap;
    user-select: none;
    overflow: hidden; /* Prevents content outside the container from being visible */
    position: relative;
  }
  
  .marquee .marquee-group {
    display: flex;
    flex: 0 0 auto; /* Ensures it doesn't shrink */
    white-space: nowrap; /* Prevents logos from wrapping */
    margin: 0;
    padding: 0;
  }


/* Client Carousel */

.client-slider-container {
    width: 100%;
    overflow: hidden;
}

.client-slider-container .logo-slider {
    display: flex;
    animation: scroll 15s linear infinite;
}

.client-slider-container .logo-item {
    flex-shrink: 0;
    padding: 2em;
}

.client-slider-container .logo-item img {
    max-width: 200px;
    object-fit: contain;
}

/* The key to the smooth transition */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}


.client-slider-container .logo-slider::after {
    content: "";
    display: block;
    width: 100%;
    flex-shrink: 0;
}

@media(max-width:767px) {
    .cta_para.pt-5 {
        padding-top: 5px !important;
    }

    .hero-banner2 .hendrio-slider-area {
        height: 450px;
    }

    .rgt_txt {
        text-align: center;
        margin: 15px auto;
    }

    .about.pt-3 {
        padding-top: 10px;
    }

    .hero-banner2 .single-slider {
        padding: 20px 0px;
        text-align: center;
    }

    .hero-banner2 .single-slider img {
        margin-top: 20px;
    }

    .hero-banner2 p {
        font-size: 14px;
    }

    .hero-banner2 .hendrio-slider-area {
        background: none !important;
        border: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .offer_list li h6 {
        padding-left: 0px;
        text-align: center
    }

    .cta .about-info-wrap.style3 {
        display: inline-flex;
        margin-top: 10px;
    }

    .cta .btn-wrap {
        display: block;
        margin-left: 0px;
    }

    .cta_para {
        text-align: center;
        padding-top: 0px;
    }

    .cta .btn-wrap {}

    .contact-us-start .enquiry-card-wrapper .enquiry-card-contact {
        font-size: 20px;
    }

    .cta .sec-title {
        font-size: 44px;
        line-height: 52px;
    }

    .testimonial .single-choosimg-box {
        padding: 15px 20px !important;
    }

    .hero-banner2 .slider-title h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .hero-banner2 .slider-title {
        padding-left: 4%;
        padding-right: 4%;
    }

    .testimonial .owl-carousel .owl-nav {
        position: absolute;
        width: 135px;
        height: 60px;
        top: -110px;
        right: inherit;
        display: inline-flex;
    }

    .single-choosimg-box .icon-holder {
        margin: 0px auto;
    }

    .single-choosimg-box .text-holder h3 {
        text-align: center;
    }

    .heading-text-with-underline.dark-color {
        line-height: 40px;
        font-weight: 600;
    }

    .marquee-cancopy {
        margin-top: 11%;
    }

    .contact-us-start .col-lg-8 {
        margin-top: 8%;
    }

    .cta .quote_section .quote_right_icon {
        display: none;
    }

    .cta .quote_section .quote_left_icon {
        display: none;
    }

    .cta {
        margin-top: 14%;
    }

    .top_page {
        display: block !important;
        margin-bottom: 0px !important;
    }

    .navbar-toggler {
        position: absolute !important;
    }

    .home-box .hidden-content {
        opacity: 1;
    }

    .home-box-hidden-background {
        opacity: 1;
    }
}

@media(min-width: 1199px) {
    .slider-content img {
        display: none;
    }

    .we-help .pq-fancy-box.pq-style-1 {
        height: 250px;
    }

    .offer_list h4 {
        font-size: 80px;
        text-align: left;
        color: #1b1a1c;
        padding-left: 30px;
    }

    h3.cta_para {
        font-size: 34px;
    }

}

@media(max-width: 1199px) {
    .full-screen .right-column {
        max-width: 960px;
        margin: auto;
        width: 100%;
        position: relative;
    }

    .full-screen .right-column img {
        border-radius: var(--bs-border-radius-xxl) !important;
    }
}

@media(max-width: 991px) {
    .full-screen .right-column {
        max-width: 720px;
    }
}

@media(max-width: 768px) {
    .full-screen .right-column {
        max-width: 540px;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
        margin-right: auto;
        margin-left: auto;
    }

    .testimonial-quotation {
        display: none;
    }

    .testimonial-border {
        display: none;
    }
}

.blink_text {
    animation-name: blinker;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.top_page {
    display: none;
}

.warehosue_sale.contact-us-start .form-control {
    padding: 0.75rem 0.75rem !important;
}

.theme_color2 {
    color: var(--primary) !important;
}

@media(min-width: 1199px) {
    .amplify-your-brand-with-start .square_umbrellafeature .amplify-bg {
        height: 300px !important;
    }

    .amplify-your-brand-with-start.amplify-your-brand-with-start2 .blog-item {
        margin-bottom: 25px;
        width: 95%;
        margin: 0px auto;
    }
}

/*.amplify-your-brand-with-start.amplify-your-brand-with-start2 .blog-item img{
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}*/
.amplify-your-brand-with-start .square_umbrellafeature .blog-item img {
    transition: .5s;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.essential-slider .blog-item .past-event-bg {
    transition: all 0.5s;
}

.essential-slider .blog-item:hover .past-event-bg span,
.essential-slider .blog-item:hover .past-event-bg a,
.essential-slider .blog-item:hover .past-event-bg {
    color: #fff;
}

.essential-slider .blog-item:hover .past-event-bg {
    background-color: #404041;
}

.dropdown-menu_v2 {
    left: 190px !important;
    top: 28px !important;
}

.pbmit-entry-content h2,
.pbmit-entry-content h3,
.pbmit-entry-content h4,
.pbmit-entry-content h5,
.pbmit-entry-content h6 {
    font-weight: 600 !important;
    padding-top: 5px;
    padding-bottom: 12px;
}

@media(max-width: 767px) {
    .dropdown-menu_v2 {
        left: 30px !important;
    }

}

@media (min-width: 1200px) {
    .pbmit-entry-content h2 {
        font-size: 28px !important;
    }

    .pbmit-entry-content h3 {
        font-size: 25px !important;
    }

    .pbmit-entry-content h4 {
        font-size: 21px !important;
    }
}

.dropdown-menu.v3 {
    left: 190px !important;
    top: 30px !important;
}

.amplify-your-brand-with-start .blog-item.v2 img {
    width: 100% !important;
    margin-left: inherit !important;
}

.single-blog-post .default-btn {
    font-size: 15px;
    padding: 6px 15px;
}

.feedback-form-start .form-select {
	min-height: 55px;
	color: var(--bs-body-color);
}

.form-select {
	min-height: 55px;
}