/*
Theme Name: FSE Computing
Theme URI: https://www.cretathemes.com/products/fse-computing
Author: Creta Themes
Author URI: https://www.cretathemes.com/
Description: FSE Computing Theme is a full-site editing theme designed around a structured layout for technology-focused websites. It uses block-based editing, allowing page sections, headers, footers, templates, and other layout elements to be adjusted from the site editor. The theme can include customizable typography, colors, spacing, navigation menus, and reusable design components, depending on the available settings. Its layout can support pages such as home, about, services, contact, and blog sections while maintaining a consistent visual structure. Responsive design helps content adapt to different screen sizes, including desktops, tablets, and mobile devices. The theme can also accommodate images, text sections, buttons, service listings, and other standard content elements. FSE Computing Theme is suitable for websites that need a clean interface with clearly organized information and technology-oriented presentation. Block patterns can simplify the creation of repeated sections and page layouts. Compatibility with common site features, navigation structures, widgets, and content formats can make the theme practical for building and maintaining a computing-related website without extensive code changes.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: fse-computing
Template: quantum-computing
Tags: portfolio, photography, blog, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing

FSE Computing Theme, Copyright 2026 Creta Themes
FSE Computing is distributed under the terms of the GNU GPL
*/

/* Header */
.header-wrap .header-button-box a.wp-block-button__link{
    display: flex;
    gap: 10px;
    background: #FFFFFF14 !important;
    border-radius: 20px;
    padding: 6px 20px !important;
}
.header-wrap .header-button-box .wp-block-button__link img{
    object-fit: contain;
    width: 16px !important;
}

/* Services Section */
.services-section .searvice-info-box{
    position: relative;
}
.services-section .searvice-info-box .services-btm-box{
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}
.services-section .tab-content { 
    display: none;
}
.services-section .tab-content.active { 
    display: flex; 
}
.services-section .tab-content .wp-block-cover__inner-container{
    width: 100% !important;
}
.services-section .tab-title a:hover{
    transform: none !important;
}
.services-section .tab-title.active{
    background-color: var(--wp--preset--color--primary);
}
.services-section .tab-title.active a{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.services-section .searvice-info-box .wp-block-cover span.wp-block-cover__background{
    background: linear-gradient(270.11deg, rgba(0, 0, 0, 0.45) 0.11%, rgba(0, 0, 0, 0.45) 39.43%);
    opacity: 1;
}
.services-section .services-btm-box .tab-title a{
    margin-top: 0;
}
.services-section .service-btn a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 5px !important;
}
.services-section .service-btn img{
    height: 18px;
    width: auto !important;
    background-color: var(--wp--preset--color--primary);
    padding: 10px;
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: contain;
}
.services-section .searvice-info-box .services-btm-box .tab-title a{
    min-width: 320px;
}
.services-section .service-head-box .service-btn a{
    margin: 0;
}

/* Media */
@media screen and (max-width:767px){
    .services-section .service-head-box {
        justify-content: center;
    }
    .services-section .service-head-box .service-sec-title{
        text-align: center;
        font-size: 28px;
    }
    .services-section .tab-content .service-btn a{
        display: none;
    }
    .services-section .searvice-info-box .services-btm-box .tab-title a {
        min-width: 100%;
    }
    .services-section .searvice-info-box .services-btm-box{
        padding: 10px;
        right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){

}
@media screen and (min-width: 992px) and (max-width: 1199px){

}
@media screen and (min-width: 1200px) and (max-width: 1399px){

}