/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


/*Service Detail page*/
.service_det_sec { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.service_det_sec .cart-service-detail { width: 31%; display: flex; flex-direction: column; align-items: center; padding: 0px 10px; }
.service_det_sec .cart-service-detail img { width: 64px; height: 64px; }
.service_det_sec .cart-service-detail h3{ margin: 8px 0px; color: #23363E; text-align: center; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; }
.service_det_sec .cart-service-detail p{ color: var(--23363-e, #23363E); text-align: center; font-family: Outfit; font-size: 16px; font-style: normal; font-weight: 400; line-height: 32px; }

.area_brand .swiper-wrapper { display: flex; align-items: center; }
.area_brand .swiper-wrapper .swiper-slide a { display: flex; align-items: center; }
.area_brand .swiper-wrapper .swiper-slide a img { height: auto; }

/* Ambesious Detail page */
.ambesious_brand_logo { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 56px; row-gap: 72px; margin: 24px 0px; }
/* .shotcode_area_home .swiper-backface-hidden { overflow: hidden; } */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .service_det_sec .cart-service-detail{ padding: 0; }
    .service_det_sec .cart-service-detail h3{ font-size: 22px; }
    .service_det_sec .cart-service-detail p{ line-height: 1.7rem; }
} 
@media only screen and (max-width: 600px) {
    .service_det_sec { display: block; }    
    .service_det_sec .cart-service-detail{ width: 100%; padding: 18px 0px; }
    .service_det_sec .cart-service-detail h3{ font-size: 24px; }
}