:root{
      --bs-primary: #148ec9;
    --bs-primary-rgb: 20, 142, 201;
    --bs-secondary: #BE212F;
    --bs-secondary-rgb: 190, 33, 47;
    --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;
}



.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #BE212F !important; 
}

.text-primary {
    color: var(--bs-secondary) !important;
}


.section-title .text-primary  {
 
  color: white !important;
}

.logo-section4 .logo_sec4_content .logo_slide ul li .item_body .item_text {

    background: url(../images/section5-bg.webp) #ffffff;
    
}

.navTabStyle .nav-item .nav-link.active, .navTabStyle .nav-item .nav-link:focus, .navTabStyle .nav-item .nav-link:hover, .underneathChild .nav-pills .active .nav-link, .underneathChild .nav-pills .nav-link:focus, .underneathChild .nav-pills .nav-link:hover, .underneathChild .nav-pills .nav-link[aria-selected=true] {
    background: #148EC9 !important;
    border-color: var(--secondry);
    color: var(--white);
    box-shadow: 0 10px 20px rgba(214, 56, 85, .4);
}
.portfolioSec img {
    border: 3px solid #BE212F !important;
}

#our-process .section-title .text-primary  {
 
  color: #BE212F !important;
}

#Testimonial .section-title .text-primary  {
 
  color: #BE212F !important;
}


.text-secondary {
    --bs-text-opacity: 1;
    color: rgb(20, 140, 200) !important;
}

button.btn.lh-lg.primary-shadow.btn-secondary.rounded-pill.text-uppercase.fw-semibold.lpMessageformsubmit
 {
    color: white !important;
}


.mainSlider .left h2 span{
    border-bottom: 2px solid #BE212F;
    color: #BE212F;
}

.themeBtnDark {
    
    background: #BE212F !important;
    color: var(--white);
    border: 2px solid #BE212F !important;
    box-shadow: 0 10px 20px rgb(20 140 200 / 35%);
    border-radius: 50rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
}
.themeBtnDark:hover {
    
    background: #BE212F !important;
    color: var(--white);
    border: 2px solid #BE212F !important;
    box-shadow: 0 10px 20px rgba(201, 27, 27, 0.35);
 
}

.choosethumb:hover{

    background-color: #BE212F !important;
}

#testimonail .text-primary  {
 
  color: #BE212F !important;
}

.indusList .loop .item {
    border: 2px solid #BE212F !important;

}
.indusList .loop .item:hover {
   background-color:  #BE212F !important;


}
.accordionStyle .accordion-button:not(.collapsed) {
    background: #148ec9;
  
}

.accordionStyle .accordion-body {
    background: #148ec9;
    color: var(--white);
    border-radius: 0 0 30px 30px;
}

.accordion-button::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    background: #be212f !important;
   
}

button.btn.lh-lg.primary-shadow.btn-secondary.rounded-pill.text-uppercase.fw-semibold.lpMessageformsubmit {
    background: #be212f;
}


button.btn.lh-lg.primary-shadow.btn-secondary.rounded-pill.text-uppercase.fw-semibold.lpMessageformsubmit:hover {
    background: #148ec9;
}

.footer .glow-box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #111;
    box-shadow: inset 0 0 20px rgb(190 33 47) !important;
}
.footer .border-style-1::before {
    content: "";
    position: absolute;
    left: clamp(7px, 0.7vw, 8px);
    width: 2px;
    height: calc(100% - clamp(16px, 1.9vw, 40px));
    background: #be212f !important;
    top: 50%;
    transform: translateY(-50%);
}

.footer .border-style-1 {
    position: relative;
    padding-left: 1.5rem;
    list-style-type: disc !important;
    color: #be212f !important;
}

.footer a:hover {
color:#be212f !important;

}

.footer .footer-links a:hover {
    transition: 0.2s ease-in-out;
    font-size: clamp(16px, 1.2vw, 22px);
   color:#be212f !important;
}

.navTabStyle .nav-item .nav-link.active, .navTabStyle .nav-item .nav-link:focus, .navTabStyle .nav-item .nav-link:hover, .underneathChild .nav-pills .active .nav-link, .underneathChild .nav-pills .nav-link:focus, .underneathChild .nav-pills .nav-link:hover, .underneathChild .nav-pills .nav-link[aria-selected=true] {
    background: #148EC9 !important;
    border-color: #148ec9 !important;
    color: var(--white);
    box-shadow: 0 10px 20px rgba(214, 56, 85, .4);
}

.faqInnerSec .accordionStyle .accordion-button[aria-expanded=true] {
    background: #148ec9 !important;
}

.faqInnerSec .accordionStyle .accordion-button[aria-expanded=false] {
    background: #ffffff !important;
}


.contInfo a i {
    font-size: 1.7rem;
    color: #be212f !important;
    position: relative;
    top: 5px;
}


.packageBox, .packageBox.active {
    border: 2px solid var(--black);
    border-radius: 20px;
    padding: 1rem 1.5rem;
    transition: all .5s ease;
    margin: 0 1rem;
    position: relative;
}

.packageBox:hover {
    background-color: #BE212F !important;
    border-color: #BE212F !important;
}
.packageBox h4 {
   
    color: #be212f !important;
    
  
}

.packageBox:hover h4 {
   
    color: #ffffff !important;
  
}

.packageBox .tag {
    background: #148ec9;
    
}

.packageBox:hover .tag {
    background: #ffffff;
    color: #148ec9;
}


.packageBox:hover .themeBtnDark {
    background: #148ec9 !important;
    color: white ;
}

.slick-dots li.slick-active button {
    background: #be212f;
    width: 40px;
}

.packageBox .btnSec .themeBtnDark {
    color: #ffffff;
    
}

.packageBox .listIn li::before, .packageBox .listOut li::before {
  
    background: #148ec9 !important;
 
}

.slick-next:before, .slick-prev:before {
    color: #be212f !important;
}

.servicesTabsStyle .nav-pills .nav-link.active, .servicesTabsStyle .nav-pills .nav-link:focus, .servicesTabsStyle .nav-pills .nav-link:hover {
    background: #be212f;
    border-color: #be212f;
    box-shadow: 0 10px 20px rgba(214, 56, 85, .7);
    color: var(--white);
}

#pills-tabContent span.text-secondry {
color:#BE212F !important;
}

.redWrap {
    background: #be212f !important;
    padding: 1rem;
    border-radius: 1.7rem;
}

.js-call-btn{
    color: white;
}

a.js-call-btn.btn.btn-outline-primary.rounded-pill.btn-outline-secondary-blue {
    color: #148ec9 !important;
}
a.js-call-btn.btn.btn-outline-primary.rounded-pill.btn-outline-secondary-blue:hover {
    color: #ffffff !important;
}

.servicesTabsStyle .slick-next, .servicesTabsStyle .slick-prev {
    top: calc(50% - 1.5rem);
    width: 2rem;
    height: 2rem;
    background: #be212f;
    color: var(--white);
    z-index: 1;
    border-radius: 100px;
}

.servicesTabsStyle .slick-next:before, .servicesTabsStyle .slick-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: var(--dark);
    font-size: 2rem;
    color: white !important;
    
}
.servicesTabsStyle .slick-next:before {
    content: "\f105" !important;
}


.servicesSec h2 span{
    color: #BE212F !important;
}

li.logo_slide_item.logo_slide_item-6.active{
  height: 700px !important;
}

.logo-section4 .logo_sec4_content .logo_slide ul li .item_body .item_text{
  height: 700px !important;
}

.overlay-text {
    --stock-color: #00000038;
    position: absolute;
    bottom: var(--overlay-text-bottom, -4%);
    left: 0;
    font-size: var(--overlay-text, clamp(40px, 5vw, 62px));
    font-weight: 900;
    white-space: nowrap;
    text-transform: uppercase;
    color: #BE212F;
    text-shadow: -1px -1px 0 var(--stock-color), 1px -1px 0 var(--stock-color), -1px 1px 0 var(--stock-color), 1px 1px 0 var(--stock-color);
    z-index: -1;
    line-height: 1;
    width: calc(100% - clamp(40px, 3vw, 80px));
    text-align: center;
    top: 600px !important;
}
.logo_slide_item .logo_slide_item-6 .active{
  height: 700px !important;
}

.logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-1.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-2.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-3.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-4.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-5.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-6.active .item_body {
    width: 850px !important;
    height: 700px !important;
}

/* =========================
   MOBILE RESPONSIVE FIX
   Vertical Accordion
   ========================= */

@media (max-width: 991px) {
.logo-section4 .logo_sec4_content .logo_slide .item_text ul {
        flex-direction: row !important;
        align-items: stretch !important ;
        min-height: auto !important;
 transition: none !important; 
    }
  .logo-section4 .logo_sec4_content .logo_slide ul {
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: auto !important;
 transition: none !important; 
  }

  .logo-section4 .logo_sec4_content .logo_slide ul li {
    display: block !important;
    width: 100% !important;
    transition: none !important;
  }

  /* Reset horizontal accordion width behavior */
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-1.active .item_body,
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-2.active .item_body,
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-3.active .item_body,
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-4.active .item_body,
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-5.active .item_body,
  .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-6.active .item_body {
    width: 100% !important;
 transition: none !important; 
   height: 450px !important;

  }

  /* Make accordion body full width stacked */
  .logo-section4 .logo_sec4_content .logo_slide ul li .item_body {
    width: 100% !important;
    padding-left: 0 !important;
    display: block !important;
 transition: none !important; 
  }

  /* Heading becomes normal (no rotation) */
  .logo-section4 .logo_sec4_content .logo_slide ul li .item_body .item_heading {
    position: relative !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    text-align: left !important;
    padding: 15px 20px !important;
    transition: none !important;
  }

  /* Content area */
  .logo-section4 .logo_sec4_content .logo_slide ul li .item_body .item_text {
    width: 100% !important;
    padding: 20px !important;
    transition: none !important;
  }

  /* Images wrap nicely */
  .logo-section4 .logo_sec4_content .logo_slide ul img {
    width: 100% !important;
    height: auto !important;
    margin: 10px 10px 10px 0 !important;
 transition: none !important; 
  }

.logo-section4 .logo_sec4_content .logo_slide ul li .item_text {
  display: none !important;
 transition: none !important; 
}

/* Show only active item */
.logo-section4 .logo_sec4_content .logo_slide ul li.active .item_text {
  display: block !important;
  transition: none !important;
 transition: none !important; 
}
.logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-1.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-2.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-3.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-4.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-5.active .item_body, .logo-section4 .logo_sec4_content .logo_slide ul .logo_slide_item-6.active .item_body {
    width:  100% !important;
    height: 500px !important;
}
ul#pills-tabTwo {
    display: none !important;
}

div#pills-tabContentTwo {
    display: none !important;
}
.navTabStyle > :nth-child(2) {
    display: none !important;
}

}