@import '../../scss/base';


// Layouts Variation
$big-device: 'only screen and (min-width: 1919px)';
$smlg-device: 'only screen and (max-width: 1199px)';
$extra-device: 'only screen and (min-width: 1600px) and (max-width: 1919px)';
$laptop-device: 'only screen and (min-width: 1200px) and (max-width: 1599px)';
$lg-layout: 'only screen and (min-width: 992px) and (max-width: 1199px)';
$md-layout:'only screen and (min-width: 768px) and (max-width: 991px)';
$sm-layout:'only screen and (max-width: 767px)';
$large-mobile: 'only screen and (max-width: 575px)';
$small-mobile: 'only screen and (max-width: 479px)';


/* Default  */
@import 'elements/commons';

@import "elements/banner";
@import 'elements/faq';

@import 'elements/about';
@import 'elements/gsap-style';
@import 'elements/service';
@import "elements/product";

@import 'elements/pricing';
@import 'elements/clients';
@import 'elements/approch-area';
@import 'elements/testimonials';
@import 'elements/brand';
@import 'elements/progress-bar';
@import 'elements/blog';
@import 'elements/feature';
@import 'elements/courser';
@import 'elements/banner-video';
@import 'elements/video';
@import 'elements/text-animation';
@import 'elements/team';
@import 'elements/back-to-top';

@import 'elements/element';
@import 'elements/switcher';
@import 'elements/working-process';
@import 'elements/dark-light-mood';
@import 'elements/social-area';
@import 'elements/button';
@import 'elements/animated-heading';

// elements plugins
@import 'plugins.scss';

// Mighty Extra Style 
.gsap-inner.sec1.rt_reveal_image {
    .rts-reveal-one {
        width: 100%;
    }
}
// logo showcase
.logo-showcase {
    .grid-item {
        text-align: center;
    }
}
.logo-img.invert-yes {
    img {
        transition: .3s;
        &:hover {
            filter: invert(1);
        }
    }
}
// blog btn style 
.blog-gird-item .rts-btn.btn-primary {
    padding: 10px 22px;
}
// Button Styles 
.react_button {
    .learn-more-btn.left {
        margin-right: auto !important;
    }
    .learn-more-btn.right {
        margin-left: auto !important;
    }
    .learn-more-btn.center {
        margin: auto !important;
    }
}
.rt-grid-figure {
    .logo-img {
        text-align: center;
    }
}

a {
    color: var(--color-heading);
    text-decoration: none;
    outline: none;
}
// About style 
.text-split-wrap-about {
    .text-split {
        .title {
            p {
                margin: 0; 
            }
        }
    }
}
// React Button Style 
.react_button {
    .learn-more-btn {
        max-width: max-content;
    }
}
// Services Style 
.single-item-service-one {
   padding: 0 !important;
    .rts-img-contaciner {
        .list-img {
            width: 100% !important;
            img {
                height: 100% !important;
            }        
        }
    }
}
// Text Stock 
.text-stock {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #74787C;
    color: #0E0E0E;
}
// Counter border 
.counter-top-area {
    span.title {
        position: relative;
        &::before {
            position: absolute;
            content: "";
            left: 50%;
            top: 0;
            height: 1px;
            width: 50px;
            background: #282828;
            transform: translateX(-50%);
        }
    }
}
// Portfolio
.use-case-area-start {
    .content-wrapper {
        max-width: 500px;
        overflow-wrap: break-word;
        white-space: normal;
        p {
            padding-right: 70px;
        }
    } 
    .learn-more-btn {
        max-width: max-content;
    }
}
.rts-case-studies-three.style3 {
    .single-case-main-wrapper {
        overflow: hidden;
        margin-bottom: 25px;
    }

}
.rts-service-area.style3 {
    .single-service-area-start {
        .title {
            color: var(--secondarycolor);
            max-width: 300px;
        }
        border-top: 1px solid #eaeaea;
        border-bottom: none;
        &:last-child {
            border-bottom: 1px solid #eaeaea;
        }
        .sm-service {
            max-width: max-content;
        }
        .sm-service p,
        .sm-service i {
            color: var(--secondarycolor);
        } 
        .discription-area {
            .disc {                
                max-width: 300px;
            }
        }

    }
}
.testimonials-review-main-wrapper.style-2 {
    .single-testimonial-2 {
        .testimonial-quote-icon {
            width: 206px;
        }
        .content-area p.disc {
            width: 85%;
            @media #{$md-layout, $sm-layout} {
                width: 100%;
            }
        }
    }
}
.c_agency_testimonial{
    .content-area p.disc {
        width: 100% !important;
    }
}
// text stroke 
.scrolltext-wrapper.stroke-yes {
    .title {
        p {
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #fff;
            color: var(--secondarycolor);
            span {
                -webkit-text-stroke-color: #393939;
                color: #1B1B1B;
            }
        }
    }
}

// Portfolio Accordion styles
.portfolio-style5 {
    .title{
        margin-bottom: 0;
    }
    .accordion-body {
        p.disc {
            padding-left: 4rem;
            width: 30%;
            margin-bottom: 0;
            color: var(--color-body);
            @media #{$laptop-device} {
                width: 40%;
            }
            @media(max-width: 1300px){
                padding-left: 5rem;
            }
            @media(max-width: 1200px){
                padding-left: 0;
                width: 100%;
            }
        }
    }
}

// Dark light popup style 
.rts_header__switch {
    position: fixed;
    top: 320px;
    right: 6px;
    z-index: 9999;
    padding: 8px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    @media (max-width: 768px) {
        top: 131px;
    }
}
.rts_header__switch .header__switch__label {
    position: relative;
    display: block;
    width: 20px;
    height: 100px
}
.rts_header__switch .header__switch__tooltip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    padding: 5px;
    background-color: var(--gray-slate-light-900);
    color: #fff;
    border-radius: 30px;
    white-space: nowrap;
    width: 40px;
    height: 70px;
    text-align: center;
    line-height: 56px;
    transition: opacity 0.3s ease;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0
}
.rts_header__switch .header__switch__tooltip.header__switch__tooltip--light {
    line-height: 60px
}

.rts_header__switch .header__switch__tooltip--dark {
    transform-origin: 0% 100%
}
.rts_header__switch .header__switch__tooltip--light {
    transform-origin: 100% 100%
}
.rts_header__switch .header__switch__input {
    appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}
.rts_header__switch .header__switch__input:checked~.header__switch__tooltip--light {
    display: block;
    opacity: 1
}
.rts_header__switch .header__switch__input:not(:checked)~.header__switch__tooltip--dark {
    display: block;
    opacity: 1
}
.rts_header__switch .header__switch__input:checked~.header__switch__tooltip--dark {
    opacity: 0
}
.rts_header__switch .header__switch__input:not(:checked)~.header__switch__tooltip--light {
    opacity: 0
}
.portfolio-5 {
    .banner-wrapper-seven .title {
        font-size: 70px;
        line-height: 90px;
        margin-bottom: 12px;
        padding-right: 10px;
        @media(max-width: 1024px){
            font-size: 55px;
            line-height: 65px;
        }
    }
}

.portfolio_navigation {
    .swiper-button-next,
    .swiper-button-prev {
        &::after {
            display: none;
        }
    }
}
.rts-portfolio-area {
    .row.split_two_col {
        max-width: 80%;
        @media (max-width: 768px) {
            max-width: 100%;
        }
        .even {
            margin-top: -100px;
            @media (max-width: 1200px) {
                margin-top: -50px;
            }
            @media (max-width: 768px) {
                margin-top: 0px;
            }
        }
        
    }
}
.single-product-9 .inner-content a {
    span {
        background: inherit;
        padding: 12px 0px;
        display: inline-block;
        color: inherit;
        font-weight: inherit;
        transition: 0.3s;
        font-size: 20px;
        margin-left: 0 !important;
        text-transform: capitalize;
    }
}
// Elementor Default Accordion 
.elementor-accordion{
   .elementor-accordion-item{
        transition: all 0.3s ease-in-out;
        .elementor-tab-content{
            animation: slide 0.3s ease-out;
        }
    } 
}
// Single Services Page 
#menu-services-menu{
    li{
        &:hover{
            background: #141414;
            a{
                color:#fff;
            }
        }
    }
}