:root{
      --bs-primary: #148ec9;
    --bs-primary-rgb: 20, 142, 201;
    --bs-secondary: #6cbe45;
    --bs-secondary-rgb: 108, 190, 69;
    --bs-body-font-family: Poppins, sans-serif;
}

.portfolioSlider video{
    border-radius: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    border: 3px solid #29ABE2 !important;
}
.portfolioSec img{
        border: 3px solid #29ABE2 !important;
}
.tabContentStyle img {
    margin-bottom: 1.25rem !important;
}
.logos-porfolio img{
    margin-bottom: 0 !important;
}
.mainSlider{
    background: #111 url(./../assets/images/banner/new-background.png) center / cover no-repeat;
}
.whyChooseUsSec{
    background: #111 url(./../assets/images/banner/why-brand-background.png) center / cover no-repeat;

}
.faqSec{
    background: #111 url(./../assets/images/banner/faq-banner.webp) center / cover no-repeat;
    position: relative;

}
.girl{
    position: absolute;
    bottom: 0;
    left: clamp(20px, 3.5vw, 250px) !important;
    height: 80% !important;
}   
.absolute-hero-image{
    position: absolute;
    bottom: 0;
    right: 0 !important;
    height: clamp(55%, 35vw, 70%) !important;
}   
.abolute-hero-img{
   position: absolute;
    bottom: 0;
    right: clamp(-100px, 0vw, 250px) !important;
    height: clamp(55%, 35vw, 60%) !important;
}
.abolute-hero-img-terms{
    position: absolute;
    bottom: 0;
    right: clamp(-100px, 0vw, 250px) !important;
    height: clamp(55%, 35vw, 70%) !important;
}

.business-proposal-image{
    
    position: absolute;
    bottom: 10%;
    /* top: clamp(20px, 3.5vw, 20%) !important; */
    /* right: clamp(20px, 3.5vw, 250px) !important; */
    height: clamp(55%, 35vw, 80%) !important;
    right: 0;
    
}   
.swap-image{
    width: 100% !important;
    height: clamp(400px, 60vw, 600px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden;
   
}
.swap-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 10 !important;
}
@media (min-width: 1440px) {
    .swap-image img{
        width: auto !important;
        height: auto !important;
    }
        
    }
@media (min-width: 1024px) {
    .swap-image img{
        width: auto !important;
        height: auto !important;
    }
        
    }
@media (min-width: 991px) {
    .swap-image img{
        width: auto !important;
        height: auto !important;
    }
        
    }
.portfolioSec{
    background: #111 url(./../assets/images/banner/portfolio-banner.webp) center / cover no-repeat;
    color: #fff !important;
}
.portfolioSec button{
    color: #fff !important;
    border-color: #fff !important;
    
}
.portfolioSec *{
    color: #fff !important;
    
}
.btn {
    --bs-btn-padding-x: clamp(25px, 5vw, 30px);
    --bs-btn-padding-y: clamp(8px, 5vw, 10px);
    --bs-btn-font-size: clamp(0.9rem, 2vw, 1rem);
    --bs-btn-font-weight: bold;
}
.btn-secondary {
    --bs-btn-color: black;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-secondary) !important;
    --bs-btn-border-color: var(--bs-secondary) !important;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
}
.contact-form-index{

    .name::placeholder,
    .phone::placeholder,
    .email::placeholder,
    .message::placeholder {
        color: #171b17 !important; 
        font-weight: 500 ;
    }
}
.themeBtnDark2 .phone-icon{
    filter: invert() !important;
}
.themeBtnDark2:hover .phone-icon{
    filter: none !important;
}

.themeBtnPink:hover,
.themeBtnPink:focus {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--dark) !important;
    box-shadow: 0 10px 20px rgb(214 56 85 / 40%) !important;
}