/*
Theme Name: Resonate Testing
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 */

/*-- Widescreen --*/
/* @media (min-width: 2400px) {} */
/*-- Desktop --*/
/* @media (min-width:1367px) and (max-width: 2399px) {} */
/*-- Laptop --*/
/* @media (min-width:1201px) and (max-width: 1366px) {} */
/*-- Tablet Landscape --*/
/* @media (min-width:1025px) and (max-width: 1200px) {} */
/*-- Tablet Potrait --*/
/* @media (min-width:881px) and (max-width: 1024px) {} */
/*-- Mobile Landscape --*/
/* @media (min-width:768px) and (max-width: 880px) {} */
/*-- Mobile Potrait --*/
/* @media screen and (max-width:767px) {} */


/* Color Definitions
Primary: Main brand color for prominent elements like headings and icons, establishing the site's core visual identity.
Secondary: Supporting color for sub-elements such as list items, subheadings, animated headings, and price table backgrounds.
Text: Standard color for body paragraphs and menu items, ensuring readable content across the site.
Accent: Highlight color for interactive or attention-grabbing items like links, button backgrounds, tabs, accordions, and badges. */

/* Fonts
Plus Jakarta Sans - 300 | 400 | 500 | 600 | 700
-------------
Primary - 300
Secondary - 700
Text - 400
Accent - 

Weight - 400
Weight - 500
Transform Uppercase
Line-height - 1.25

Body - 16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 400 | 1.75 - Plus Jakarta Sans
Menu - 16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 700 | U | 1.25
Button - 16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 500 | 1.25
Form Field - 14 | 400 | 1.4285

H1 - 64|32 clamp(2rem, 1.333rem + 3.333vw, 4rem) | 300 | 1.0625
H2 - 56|30 clamp(1.875rem, 1.333rem + 2.708vw, 3.5rem) | 500 | 1.1428
H3 - 48|24 clamp(1.5rem, 1rem + 2.5vw, 3rem) | 400 | 1 (Sector Page Banner Title)
H4 - 36|20 clamp(1.25rem, 0.917rem + 1.667vw, 2.25rem) | 400 | 1.2 (Home Banner Sub Title)
H5 - 24|22 clamp(1.375rem, 1.333rem + 0.208vw, 1.5rem) | 600 | 1.25 (Home Sector Titles)
H6 - 18|15 clamp(0.9375rem, 0.875rem + 0.313vw, 1.125rem) | 400 | 1.5 (Banner Sub Title, Section Sub Text)

14 | 400 | 1.4 (Service Short Description Text)
14 | 600 | 2 (Service Know More Button Text)
16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 600 | 1.25 (Home 6 Icon Box Title)
16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 600 | U | 1.25 (Home Banner Top Text)
16|14 clamp(0.875rem, 0.833rem + 0.208vw, 1rem) | 700 | 1.375 (What makes us different Title)
20|16 clamp(1rem, 0.917rem + 0.417vw, 1.25rem) | 700 | 1.4 (Home What We Do Sub Title)
24|22 clamp(1.375rem, 1.333rem + 0.208vw, 1.5rem) | 400 | 1.5 (Service Sector Text)
*/

:root {
    --color-primary: #1161A3;
    --color-secondary: #00AEEF;
    --color-text: #404040;
    --color-accent: #1161A3;

    --color-white: #FFFFFF;    
    --color-black: #000000;    
    --color-primary-two: #001C65;
    --color-primary-three: #0071C1;
    --color-secondary-two: #C7EAFC;
    --color-ash-one: #808080;
    --color-ash-two: #BEBEBE;
    --color-ash-three: #D8D8D8;
    --color-ash-four: #8C8C8C;

    box-shadow: 0px 0px 30px 0px #000000B2;
}
/* @media (min-width:768px) and (max-width: 1599px) { */
@media (min-width:768px) and (max-width: 1699px) {
  .e-con {
    --container-max-width: 90%;
  }
  .home-hero-text-cont {
    padding-left: calc(5% + 18px) !important;
  }
}
h1, h2, h3, h4, h5, h6 {
    /* font-weight: 700!important;*/ 
}
h1,
.elementor-widget-heading h1.elementor-heading-title {
    line-height: 1.1em;
}
a {
    text-decoration: none !important;
}
a:hover,
a:focus,
a:active,
a:visited,
a:focus-within,
a:focus-visible {
    outline: none!important;
}
ul, ol {
    /* list-style-position: inside; */
    margin-left: 0;
    padding-left: 15px;
}
.container-left-right-padding {
    /* padding-left: calc((100vw - 1600px) / 2);
    padding-right: calc((100vw - 1600px) / 2); */
    padding-left: max(20px, calc((100vw - 1600px) / 2)); /* min padding 20px */
    padding-right: max(20px, calc((100vw - 1600px) / 2)); /* min padding 20px */
}
.font-span-700 span,
.font-700 span {
    font-weight: 700!important;
}
.lineheight-none {
    line-height: 0!important;
}
.bg-img-gray {
    filter: grayscale(100%);
}
@media screen and (max-width:1024px) {
    .no-br-tab-pot br {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .no-br-mob-pot br {
        display: none;
    }
}
.text-highlight span {
    color: var(--color-primary);
}
.img-block .elementor-widget-image a {
    display: block;
}
.home-sector-loop-grid .elementor-loop-container.elementor-grid>div:nth-child(2)>.elementor-element {
    border: none!important;
}
.event-list .elementor-loop-container .e-loop-item .e-con-full .elementor-widget-text-editor .elementor-widget-container {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* Buttons Style CSS - START */
.bg-white-border-blue .elementor-button {
    background-color: var(--color-white);
    color: var(--color-primary);
}
.bg-white-border-blue .elementor-button:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.button-secondary .elementor-button {
    background-color: var(--color-secondary)!important;
    border: none!important;
    padding: 22px 45px!important;
}
.button-secondary .elementor-button:hover {
    background-color: var(--color-primary-two)!important;
    border: none!important;
}
.button-icon-long-text .elementor-button-icon svg {
    width: 24px;
}
.button-icon-long-text .elementor-button-text {
    text-align: left;
}
/* Buttons Style CSS - END */
/* Common Form Style CSS - START */
.common-form .elementor-field {
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    height: 62px;
    padding: 20px 24px !important;
}
.common-form .elementor-field.elementor-select-wrapper {
    padding: unset !important;
}
.common-form .elementor-field select {
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    height: 62px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.common-form textarea.elementor-field {
    height: 145px;
}
.common-form button[type="submit"] {
    background-color: var(--color-secondary) !important;
    border: none !important;
    padding: 22px 40px;
}
.common-form button[type="submit"]:hover {
    background-color: var(--color-primary-two) !important;
    border: none !important;
}
/* Common Form Style CSS - END */
.elementor.e-loop-item.event.ast-article-single {
    background-color: transparent;
}
.service-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a,
.event-box .elementor-widget-theme-post-featured-image .elementor-widget-container > a {
    display: block;
}
.elementor-messag.elementor-message-svg {
    margin: 40px 0 10px 0;
}
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev,
.elementor-widget-loop-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next {
    z-index: 9;
}
/*---- Brand Slider Slide Continous - CSS - START ----*/
/*---- Change Slider Settings (For Carosel Slider - Go to Content > Additional Options > Autoplay Speed = 0 & Animation Speed = 3000) ----*/
/*---- Change Slider Settings (For Loop Carosel Slider - Go to Content > Settings > Scroll Speed (ms) = 0 & Transition Duration (ms) = 3000) ----*/
.brand-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}
/*---- Brand Slider Slide Continous - CSS - END ----*/
/*---- Pagination CSS - START ----*/
.common-loop-grid nav.elementor-pagination .page-numbers {
    border: 1px solid var(--color-text);
    border-radius: 6px;
    padding: 11px 5px;
    display: inline-block;
    min-width: 48px;
    margin-bottom: 10px;
}
.common-loop-grid nav.elementor-pagination .page-numbers:hover,
.common-loop-grid nav.elementor-pagination .page-numbers:focus,
.common-loop-grid nav.elementor-pagination .page-numbers:active, 
.common-loop-grid nav.elementor-pagination .page-numbers.current {
    border-color: var(--color-primary);
}
.common-loop-grid nav.elementor-pagination .page-numbers.prev, 
.common-loop-grid nav.elementor-pagination .page-numbers.next {
    border-color: transparent;
}
.common-loop-grid nav.elementor-pagination .page-numbers.prev:hover, 
.common-loop-grid nav.elementor-pagination .page-numbers.prev:focus, 
.common-loop-grid nav.elementor-pagination .page-numbers.prev:active, 
.common-loop-grid nav.elementor-pagination .page-numbers.next:hover,
.common-loop-grid nav.elementor-pagination .page-numbers.next:focus,
.common-loop-grid nav.elementor-pagination .page-numbers.next:active {
    border-color: transparent;
}
@media screen and (max-width: 767px) {
    .common-loop-grid nav.elementor-pagination .page-numbers {
        font-size: 12px;
        padding: 5px 3px;
        min-width: 33px;
    }
}
/*---- Pagination CSS - END ----*/
/*---- Footer CSS - START ----*/
/*---- Footer CSS - END ----*/
.footer-three-menu ul li a {
    text-align: center;
}
/*---- Service Page CSS - START ----*/
.service-page-body .elementor-widget-text-editor>ul {
    padding-left: 0;
    list-style: none;
}
.service-page-body .elementor-widget-text-editor>ul>li {
    background: url(/wp-content/uploads/2026/08/icon-sector-ul.svg) no-repeat left top 3px;
    padding: 0 0 0 35px;
    margin-top: 15px;
}
.service-page-body .elementor-widget-text-editor>ul>li:first-child {
    /* margin-top: 0; */
}
.service-page-body .ul-type-two .elementor-widget-text-editor>ul,
.service-page-body .elementor-widget-text-editor.ul-type-two>ul {
    padding-left: 20px;
    list-style: disc;
}
.service-page-body .ul-type-two .elementor-widget-text-editor>ul>li {
    background: none;
    padding: 0;
    margin-top: 15px;
}
.service-page-body .ul-type-two .elementor-widget-text-editor>ul>li:first-child {
    /* margin-top: 0; */
}
/*---- Service Page CSS - END ----*/
/*---- Sector Page CSS - START ----*/
.sector-page-body .elementor-widget-text-editor>ul {
    padding-left: 0;
    list-style: none;
}
.sector-page-body .elementor-widget-text-editor>ul>li {
    background: url(/wp-content/uploads/2026/08/icon-sector-ul.svg) no-repeat left top 3px;
    padding: 0 0 0 35px;
    margin-top: 15px;
}
.sector-page-body .elementor-widget-text-editor>ul>li:first-child {
    /* margin-top: 0; */
}
/*---- Sector Page CSS - END ----*/