/*!
Theme Name: Tequila
Theme URI: http://tequila.ae/
Author: Puneet.ae
Author URI: http://puneet.ae/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tequila
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready


*/


/* .blogs--list a .description {
width: 100%;
margin-bottom: 0;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}

.website--child--services { padding: var(--section-spacing) 0; position: relative; overflow: hidden; }
.website--child--services .WhyUs-header { width: 100%; margin-bottom: calc(var(--space-xl) * 2); }
.website--child--services .WhyUs-header .section--subtitle { width: 100%; max-width: 620px; margin-bottom: 0; }
.website--child--services .offering--list { display: grid; grid-template-columns: repeat(2, 1fr); --gap: calc(var(--space-xs) / 2 * 5); gap: calc(var(--gap) * 2); }
.website--child--services .offering--list .offering--box { padding: var(--space-xl); border: 1px solid rgba(var(--text) / 50%); position: relative; overflow: hidden; z-index: 1; transition: var(--all-medium); }
.website--child--services .offering--list .title { font-size: var(--fs-4xl-9); font-family: "OverusedGroteskRoman"; line-height: 1; min-height: 120px; margin-bottom: var(--space-md); }
.website--child--services .offering--list .offering--services--list { display: grid; flex-flow: row wrap; gap: var(--space-sm); } */


/* SERVICES SECTION */
.services-section--parentservice { position: relative;width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: var(--section-spacing) 0; }
.bgVideo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }

.services--card--parentservice { display: flex; flex-flow: column wrap; width: 100%; overflow: hidden; position: relative; will-change: transform, opacity;  }
.services--card--parentservice .title { display: flex; font-size: var(--fs-4xl-6); font-weight: 400; line-height: 1; font-family: "OverusedGroteskMedium"; margin-bottom: var(--space-md); color: rgb(var(--text) / 100%); transition: var(--all-medium); }
.services--card--parentservice:hover .title:hover { color: #004aec; }

.services--card--parentservice .cardMaskSvg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.services--card--parentservice .cardMaskSvg rect[mask] { fill: rgba(var(--bg) / 100%); }
.services--card--parentservice .insidecard { flex: 1; position: relative; z-index: 1; padding: var(--space-xxxl) var(--space-lg) var(--space-lg); }
.services--card--parentservice .insidecard::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1.5px solid rgb(var(--text) / 20%); z-index: -1; }

.services--card--parentservice .paragraph { font-size: var(--fs-md); margin-bottom: var(--space-md); margin-right: calc(var(--space-xl) * 2); color: #222; }
.services--card--parentservice .pills { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.services--card--parentservice .pills .cutout { padding: var(--space-xs) var(--space-sm); font-size: var(--fs-xs); letter-spacing: 0.5px; border-radius: 50px; background: transparent; color: #fff; transition: var(--all-medium); }



.services-section--parentservice .servicesSectionHeadingContainer { position: relative; display: block; margin-bottom: calc(var(--space-lg) * 2); }
.services-section--parentservice .servicesSectionHeading { width: 50%; font-size: var(--fs-6xl); font-weight: 100; }
.services-section--parentservice .spaceparagraph { padding: 0px var(--space-xxl); }

.services--card--parentservice .tager { font-size: var(--fs-2xs); font-weight: 500; display: inline-block; margin-bottom: var(--space-lg); letter-spacing: 0.5px; border-radius: 0; position: absolute; top: 0; left: 0; }
.services--card--parentservice .tager.cutoutclass { border-radius: 0; }
.services--card--parentservice .tager.cutoutclass,
.services--card--parentservice .tager.cutoutclass { text-transform: uppercase; font-size: var(--fs-xs); font-weight: 400; padding: 4px 8px 4px 0; letter-spacing: 0.5px; background: rgba(var(--bg) / 100%); color: rgb(var(--text) / 50%); border-bottom: 1px solid rgb(var(--text) / 20%); border-right: 1px solid rgb(var(--text) / 20%); }

.dark-mode .services--card--parentservice .tager.cutoutclass, .dark-mode .services--card--parentservice .tager.cutoutclass { background: rgb(var(--bg) / 100%); color: rgb(var(--text) / 100%); }

.services-section--parentservice.parentService{min-height: unset;}
.bgVideo.serviceparentvideo { width: calc(100% - 4px); height: calc(100% - 4px); inset: 2px; object-fit: cover; }
.overlay.servicesparentoverlay {    overflow: hidden;}

:where(.wp-block-columns.is-layout-flex) { gap: 4em; }
.blogs--list a .year { width: 100%; font-size: var(--fs-xs); font-weight: 400; color: rgb(var(--text) / 60%); margin: var(--space-xs) 0; }


.videoblog { width: 100%; display: flex; }
.videoblog video { width: 100%; }

.services-section .services--card--inner .paragraph{ color: rgb(13 13 13);}

.wpcf7-list-item { display: flex; flex-flow: row wrap; align-items: center; margin: 0 !important; }


div:has(template[shadowrootmode="closed"]) { opacity: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute; z-index: -1; bottom: -100px; }

@media (max-width: 1648.98px) {
.services--card--parentservice .pills .cutout { font-size: var(--fs-sm); padding: var(--space-sm) var(--space-md); }
.services--card--parentservice .title { font-size: var(--fs-4xl-8); }
}

@media (max-width: 767.98px) {
.services--card--parentservice .pills .cutout { font-size: var(--fs-sm); padding: calc(var(--space-sm) / 1.1) calc(var(--space-sm) / 2 * 4); }
.services--card--parentservice .title { font-size: calc(var(--fs-4xl-7) * 1.09); margin-bottom: var(--space-md); }
}

@media (max-width: 479.98px) {
.services--card--parentservice .insidecard { padding: calc(var(--space-xxxl) * 1.5) var(--space-lg) var(--space-lg); }
}

.intl-tel-input.separate-dial-code .selected-dial-code{
	display: none !important;
}
.intl-tel-input .selected-flag .iti-arrow{
	right: 37%;
}