/*
Theme Name: SureFire 
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* About Page css */
.banner { border-radius: 0 0 60px 60px; overflow: hidden; }
.textGradiant p {
    line-height{
    font-size: 24px;
    font-weight: 600;
    background: linear-gradient(135deg, #F48E3C 0%, #BDBCA0);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    left: 30% !important;
}*/

.tabbed-content.service_tabs .nav-tabs>li {
    width: 20%;
    margin: 0;
    text-align: center;
    border-radius: 40px;
}

.tabbed-content.service_tabs .nav-tabs>li> a {
    border-color: #FF6633;
    width: 100%;
    line-height: 20px;
    text-align: center;
    display: block;
    border-top: 1px solid #FF6633;
    text-transform: capitalize;
}

.tabbed-content.service_tabs .nav-tabs {
    border-radius: 20px;
}

.tabbed-content.service_tabs .nav-tabs>li:first-child a {border-radius: 40px 0px 0px;/* border-top: 0px; */}

.tab-panels {
    border-radius: 0px 0px 40px 40px;
    border-color: #FF6633;
    padding-top: 50px !important;
}

.tabbed-content.service_tabs .nav-tabs>li:last-child a {
    border-radius: 0px 40px 0px 0px;
}

.tabbed-content.service_tabs .nav-tabs>li.active>a {
    background: #FF6633;
    color:#fff;
}
.tabbed-content.service_tabs .nav-tabs>li>a {
    background: #fff;
    color:#8E8E8E;
    font-family:Hanson;
    font-size:12px;
    height: 94px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0px 40px;
}
.tab-panels .panel ul{
    color:#FF6633;
    font-family:Poppins, sans-serif;
    font-weight:700;
}   

@media only screen and (max-width:48em) {
    
/*************** ADD MOBILE ONLY CSS HERE  ***************/ 
    .medium-logo-center .flex-right{
        margin-top: -25px !important;
    }
     .title34, .banner .title34 {
        font-size: 24px; 
        line-height: 34px;
       padding: 0 10px;
    }
    .title160, .banner .title160 {
        font-size: 50px;
        line-height: 60px;
    }
    .parallax-active a.button.primary{
      line-height: 18px;
    }
    .banner {
        border-radius: 0 !important;
    }
    .number_home {
        padding: 0;
        width: 80%;
    }
    .title42{
        font-size: 42px !important;
        font-weight: 700;
        line-height: 60px !important;
        margin-bottom: 0 !important;
    }
    .section-content{padding: 0 15px;}
    .set-m-padding{
        padding-bottom: 10px !important;
    }
    .number_home .col:nth-child(1) .is-border {
        border-radius:30px 30px 0px 0px !important;
        border: 2px solid #FF7171 !important;
        border-bottom-width:0px !important;
        
    }
    .number_home .col:nth-child(2) .is-border {
        border-left:2px solid #FF7171 !important;
         border-right:2px solid #FF7171 !important;
         border-top: 0 !important;
        border-bottom: 0 !important;
    }
    .number_home .col:nth-child(2) .is-border::before{
              content: '';
            width: 80%;
            display: block;
            margin: auto;
            height: 1px;
            background: linear-gradient(0deg, #51394D 0%, #655D6D 100%);
    }
    .number_home .col:nth-child(2) .is-border::after{
        content: '';
        width: 80%;
        display: block;
        margin: auto;
        height: 1px;
        background: linear-gradient(0deg, #51394D 0%, #655D6D 100%);
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
    }
    .number_home .col:nth-child(3) .is-border {
        border-radius:0px 0px 30px 30px;
        border: 2px solid #FF7171 !important;
        border-top-width:0px !important;
    }
    .number_home {
        border-width:0px
    }
    .title42,.banner title24 {
        text-align: left;
        font-size: 36px; 
        line-height: 42px 
    }
    .medium-logo-center .logo{
        order: 1 !important;
        text-align: left !important;
         width: auto !important;
    }
    .transparent #logo img {
        max-height: 50px;
    }
    .transparent .header-main {
        height: 90px;
        background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    }
    .title48 {
        font-size: 36px;
        font-weight: 700;
        line-height: 48px;
    }
    .set-pad-trust{
        padding-top: 60px !important;
        padding-bottom: 10px !important;
    }
    .font-24-p-r {
        font-size: 16px;
        line-height: 33px;
    }
    .m-title{
       margin-bottom: 40px;
    }
    .serviceSection {
        padding: 50px 0 50px 0 !important;
    }
    a.button.primary span{
        line-height: 18px !important;
    }
    .title24 {
        font-size: 22px;
        line-height: 34px;
    }
    .m-relative-text{
        position: relative !important;
        width: 100% !important;
        bottom: auto;
        right: auto;
    }
    .set-m-height{
     height: auto !important;
      min-height: auto !important;
    }
    .set-m-height .is-full-height{
      min-height: 250px !important;
      height: auto;
    }
    .m-pad-0 ,.m-pad-0   .section-content {
      padding: 0 !important;
    }
    .mobile-map{
         position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;  
    }
    .m-pad-0.show-for-small{
     min-height: auto !important;
    }
    .pre-footer .col.medium-5 {
         order: 2;
        padding-bottom: 0;
        padding-top: 70px;
    }
    .pre-footer .col.medium-7 {
      order: 1;
      padding-bottom: 0;
    }
    .pre-footer .large-7 .gap-element  {
      display: none !important;
    }
    input.wpcf7-form-control.wpcf7-submit{
        margin-top: 20px;
    }
    .pre-footer {
        padding: 40px 20px 0!important;
        width: 90%;
        background-size: 100% 72% !important;
        background-image: url(/wp-content/uploads/2024/09/contactbg.png) !important;
    }
    .row-m-pad{
        padding: 0 15px;
    }
    .absolute-footer {
        border-top: 2px solid #fff;
        padding-top: 30px;
    }
    .absolute-footer ul.links{
        text-align: left;
    }
    .number_home .col:nth-child(3) .is-border {
        border-radius: 0px 0px 30px 30px !important;
    }
    .absolute-footer .container {
        display: flex !important;
        align-items: end;
        justify-content: space-between;
        gap: 10px;
        flex-direction: row-reverse;
    }
    .absolute-footer ul.links li a{
        font-size: 17px;
        color:#FFFFFF;
        line-height: 46px;
    }
    .icon-menu:before{
        content: "" !important;
        background-image: url("/wp-content/uploads/2024/09/mobile-menu-icon.png");
        width: 40px;
        height: 40px;
        display: block;
        background-repeat: no-repeat;
        background-size: 70%;
    }
    .slideHoverImage {
        opacity: 1;
        visibility: visible;
    }
}