/*
Template: LAWGIST – Attorney & Lawyers HTML Template
Author: RRDevs
Author URI: https://themeforest.net/user/rrdevs
Description: Attorney & Lawyers HTML Template
Version: 1.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/style.css

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button
@import 'btn';

// Variables
@import 'variables';

// Preloader
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

/* // Menu - Header Section
 @import 'header';

 // Hero Slide - Section
 @import 'hero';

 // Section Title - Heading
 @import 'section';

 // About - Section
 @import 'about';

 // Features - Section
 @import 'features';

 // services - Section
 @import 'services';

 // testimonial - Section
 @import 'testimonial';

 // Portfolio - Cases - Section
 @import 'project';

 // Price Table - Section
 @import 'price';

 // Call To Action - Section
 @import 'cta';

 // team - Section
 @import 'team';

 // funfact - Section
 @import 'funfact';

 // Download - Section
 @import 'carousel';

 // FAQ - Section
 @import 'faq';

 // Blog - Section
 @import 'blog';

 // Contact Us - Section
 @import 'contact';

 // footer - Section
 @import 'footer'; */

/* Custom: 5 team members per row on large screens */
@media (min-width: 992px) {
    .col-team-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Custom: header has z-index: 9999, but Bootstrap's tooltip defaults to
   z-index: 1080, so tooltips render behind the header. Raise it above. */
.tooltip {
    z-index: 10000;
}

/* Custom: round AR/EN language switch button in the header top bar */
header .top_head_right .lang-switch-item {
    padding: 0 10px;
}
header .top_head_right .lang-switch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: 0.3s;
}
header .top_head_right .lang-switch-btn:hover {
    background-color: #fff;
    color: #212529;
}

/* Custom: match the practice-area detail page's "Get Consultation" call
   button to the compact circular phone-button style used in the header.
   The theme has zero rules at all for .single_service-2 .right_button (the
   actual wrapper class this block uses — .single_service-3 doesn't apply
   here despite existing elsewhere in style.css), so this needs the full
   component styling, not just a color/size tweak. */
.single_service_details_right.single_service-2 .right_button {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 10px;
}
.single_service_details_right.single_service-2 .right_button .right_icon {
    padding: 10px 10px 6px 10px;
    margin-right: 15px;
    border-radius: 50px;
    border: 1.5px solid #6915155e;
}
.single_service_details_right.single_service-2 .right_button .right_icon i {
    font-size: 25px;
    color: #691515;
}
.single_service_details_right.single_service-2 .right_button .content_top p {
    line-height: 120%;
    margin-bottom: 0;
    font-size: 14px;
}
.single_service_details_right.single_service-2 .right_button .content_top h5 {
    color: #6b0c0c;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 700;
}

/* Custom: the theme only whitened the FIRST footer_bottom_widget span's link
   (originally terms/privacy); now that the "Powered by" link sits in the
   second span, it was falling back to a muted default link color. */
footer .footer_bottom_widget span a {
    color: #fff;
}