/* 
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 */

:root{
    --white: #fff;
    --black: #000;
    --yellow: #EFC700;
    --grey: #F5F5F5;
    --grey-dark: #E5E5E5;
    --grey-light: #F0F0F0;
    --blue: #002140;
    
    --font-HelveticaNeue: "HelveticaNeue", Sans-serif;
    --font-jetbrains: "JetBrains Mono", Sans-serif;
    --font-Inter: "Inter", Sans-serif;
}

/* Buttons CSS Starts */
.elementor-button .elementor-button-icon svg{width: 18px;margin-top: -2px;}

.calculator-btn-outer .btn{font-family: var(--font-Inter);font-size: 14px;font-weight: 500;line-height: 1;border-radius: 50px;padding: 17px 35px;}

.calculator-btn-outer .btn-white{background-color: var(--white);color: var(--black);border-color: var(--white);}
/* Buttons CSS Ends */

/* Section Title CSS Starts */
.section-title,
.section-title .sub-title,
.section-title .title,
.section-title .content
{position: relative;}
.section-title{}
.section-title .sub-title{}
.section-title .sub-title p{text-transform: uppercase;position: relative;}
.section-title .sub-title p::before{content: '';width: 32px;height: 1px;background-color: var(--black);position: absolute;top: 5px;margin-left: -40px;}
.section-title .title{}
.section-title .title h2{}
.section-title .title h2 span{color: var(--yellow);}
.section-title .content{}
.section-title .content p{}

.section-title-white .sub-title p::before{background-color: var(--white);}

.section-title-left{}

.section-title-left .sub-title p{padding-left: 40px;}
.section-title-left .sub-title p::before{left: 0;margin-left: 0;}
/* Section Title CSS Ends */

/* Header CSS Starts */
.header-menu{}
/* Header CSS Ends */

/* Logos Section CSS Starts */
.logos-section{padding-left: 15.4% !important;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.logo-left{}
.logo-right{}
.logos-section .logo-slider{}
.logos-section .logo-slider .swiper-slide{}
.logos-section .logo-slider .swiper-slide figure.swiper-slide-inner{}
.logos-section .logo-slider .swiper-slide figure.swiper-slide-inner img{width: 120px;height: 50px;object-fit: contain;object-position: center;filter: brightness(0) invert(1);opacity: 0.6;}
/* Logos Section CSS Ends */

/* Challenge Section CSS Starts */
.chl-box{}
.chl-box-inner{min-height: 260px;}
/* Challenge Section CSS Ends */

/* Model Section CSS Starts */
.model-section{position: relative;}
.model-section::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%,#000 100%), #002140;}
.model-box{}
.model-box-inner{position: relative;}
.model-box-number{position: absolute;right: 22px;}
/* Model Section CSS Ends */

/* Calculator Section CSS Starts */
.custom-calculator-form{}
.ccf-inner{display: flex;flex-wrap: wrap;flex-direction: row;}

.ccf-left,
.ccf-right
{padding: 42px;}

.ccf-right p{font-size: 15px;font-weight: 400;line-height: 24px;color: var(--white);}

.ccf-left{width: 49%;background-color: var(--grey);border: 1px solid var(--grey-dark);}
.ccf-right{width: 51%;background-color: var(--blue);border: 1px solid var(--blue);}

.ccf-left-inner{}
.ccf-right-inner{}


.assessment-form{}
.form-group{margin-bottom: 30px;}
.group-title{font-family: var(--font-HelveticaNeue);display: block;margin-bottom: 12px;font-size: 15px;font-weight: 500;color: var(--black);}

.radio-card,
.checkbox-grid label
{font-size: 13px;}

/* Radio Cards */
.radio-grid{display: flex;flex-wrap: wrap;gap: 8px;}
.radio-card{width: 23.5%;padding: 14px 10px;text-align: center;border: 1px solid var(--black);border-radius: 4px;background: var(--white);color: var(--black);cursor: pointer;transition: all 0.2s ease;box-sizing: border-box;}
.radio-grid input[type="radio"]:checked + .radio-card{background: var(--blue);border-color: var(--blue);color: var(--white);}
.radio-card:hover{border-color: var(--blue);}

/* Checkboxes */
.checkbox-grid{display: flex;flex-wrap: wrap;gap: 16px 30px;}
.checkbox-grid label{display: flex;align-items: center;color: var(--black);cursor: pointer;}
.checkbox-grid input[type="checkbox"]{width: 16px;height: 16px;margin-right: 8px;accent-color: var(--blue);}


.cal-summary-title{}
.cal-summary-title h4{font-family: var(--font-HelveticaNeue);font-size: 19px;font-weight: 500;color: var(--white);margin-top: 0px;}

.cal-estimate-amount{margin-top: 20px;margin-bottom: 30px;}
.cal-estimate-amount p{}
.cal-estimate-amount h3{font-family: var(--font-jetbrains);font-size: 42px;line-height: 42px;color: var(--yellow);}

.calculator-box{padding: 15px 20px;margin-top: 18px;background-color: rgba(0, 0, 0, 0.2);border-radius: 4px;}
.calculator-box p{margin: 0px;}
.calculator-box ul{display: flex;flex-wrap: wrap;flex-direction: row;margin: 0px;padding: 0px;margin-top: 5px;}
.calculator-box ul li{width: 33.3333%;list-style: none;font-family: var(--font-HelveticaNeue);font-size: 13px;color: var(--grey-light);padding-left: 15px;margin-bottom: 5px;position: relative;}
.calculator-box ul li::before{content: '';width: 5px;height: 5px;background-color: var(--grey-light);border-radius: 100%;position: absolute;left: 0;top: 10px;}

.calculator-btn-outer{margin-top: 25px;}
.calculator-btn-outer .btn{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;column-gap: 6px;}

.cal-bottom-text{margin-top: 20px;}
.cal-bottom-text p{font-size: 12px;line-height: 19px;color: var(--white);padding-left: 20px;position: relative;margin: 0px;}
.cal-bottom-text p::before{content: '';width: 12px;height: 12px;background-image: url(../../uploads/2026/06/SVG.png);position: absolute;top: 2px;left: 0;}
/* Calculator Section CSS Ends */

/* Why Section CSS Starts */
.why-section{position: relative;}
.why-section::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}

.icons-list{}
.icons-list ul.elementor-icon-list-items{}
.icons-list ul.elementor-icon-list-items li.elementor-icon-list-item{padding: 18px 20px !important;background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-radius: 8px;}
.icons-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon{}
.icons-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon svg{}
.icons-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text{}

.why-box{background: rgba(0, 18, 36, 0.2);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(14px);}
.why-box-inner{}
.why-box-icon{}
.why-box-icon h3.elementor-icon-box-title{margin-top: 0px !important;}
/* Why Section CSS Ends */

/* Responsive Section CSS Starts */
.responsive-box{}
.responsive-box-inner{min-height: 234px;}
.responsive-box-left{}
.responsive-box-right{}
.responsive-box-img{}
.responsive-box-img img{width: 200px;height: 130px;object-fit: contain;}
/* Responsive Section CSS Ends */

/* Outcome Section CSS Starts */
.outcome-section{position: relative;}

.outcome-box{}
.outcome-box-inner{background-color: rgba(0, 0, 0, 0.2);border-left: 1px solid rgba(255,255,255,0.2);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
/* Outcome Section CSS Ends */

/* Team Section CSS Starts */
.team-box-inner{min-height: 480px;}
/* Team Section CSS Ends */

/* Solution Section CSS Starts */
.solution-box{}
.solution-box-inner{min-height: 510px;}
/* Solution Section CSS Ends */

/* Journey Section CSS Starts */
.journey-box{}
.journey-box-inner{min-height: 404px;}
/* Journey Section CSS Ends */

/* Business Section CSS Starts */
.business-list{}
.business-list ul.elementor-icon-list-items{}
.business-list ul.elementor-icon-list-items li.elementor-icon-list-item{padding: 12px 20px;margin: 8px;background-color: rgba(0,0,0,0.2);border: 1px solid rgba(255,255,225,0.1);border-radius: 50px;}
.business-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon{}
.business-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon svg{}
.business-list ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-text{}
/* Business Section CSS Ends */

/* Footer CTA Section CSS Starts */
.footer-cta-section{filter: saturate(0);}
/* Footer CTA Section CSS Ends */

/* Footer CSS Starts */
.footer-box{}
.footer-box-1{}
.footer-box-2{}
.footer-box-3{}
.footer-box-4{}
.footer-box-5{}
/* Footer CSS Ends */


/* Media Query CSS Starts */
@media screen and (max-width: 1620px)
{
    .logos-section{padding-left: 8% !important;}
    .logos-section .logo-left{width: 22% !important;}
    .logos-section .logo-right{width: 78% !important;}
}

@media screen and (max-width: 1440px)
{
    .logos-section{padding-left: 3.3% !important;}
}

@media screen and (max-width: 1200px)
{
    .logos-section .logo-left{width: 30% !important;}
    .logos-section .logo-right{width: 70% !important;}

    .chl-box-inner{min-height: 330px;}

    .radio-card{width: 48%;}
    .calculator-box ul li{width: 50%;}

    .solution-box-inner{min-height: 570px;}
}

@media screen and (max-width: 990px)
{
    .header-menu nav.elementor-nav-menu--dropdown{position: fixed !important;width: 100% !important;top: -20px !important;left: 0 !important;min-height: 86vh;z-index: -1 !important;margin: 0px !important;padding: 0px !important;padding-top: 36px !important;}

    .header-menu .elementor-menu-toggle.elementor-active{position: fixed;top: 30px;right: 26px;}

    .logos-section{padding-left: 4.1% !important;}

    .logos-section .logo-left{width: 40% !important;}
    .logos-section .logo-right{width: 60% !important;}

    .chl-box-inner{min-height: 310px;}

    .ccf-left, .ccf-right{width: 100%;padding: 30px;}
    .radio-card{width: 31%;}

    .solution-box-inner{min-height: inherit;}

    .journey-box-inner{min-height: 376px;}

    .footer-box-5{padding-left: 0px !important;}
}

@media screen and (max-width: 767px)
{
    .header-menu nav.elementor-nav-menu--dropdown{min-height: 101vh;padding-top: 26px !important;}
    .header-menu .elementor-menu-toggle.elementor-active{top: 20px;right: 20px;}

    .logos-section{padding-left: 4.8% !important;}
    .logos-section .logo-left{width: 100% !important;}
    .logos-section .logo-right{width: 100% !important;margin-top: 20px;}

    .chl-box-inner{min-height: inherit;}

    .ccf-left, .ccf-right{padding: 25px;}
    .radio-card{width: 48%;}
    .cal-summary-title h4{font-size: 17px;}
    .ccf-right p{font-size: 14px;line-height: 22px;}
    .cal-estimate-amount h3{font-size: 30px;line-height: 32px;}
    .calculator-box ul li{width: 100%;}
    .cal-bottom-text p{font-size: 12px;line-height: 19px;}

    .responsive-box-img{padding: 30px 0px;}

    .journey-box-inner{min-height: inherit;}

    .business-list ul.elementor-icon-list-items li.elementor-icon-list-item{width: 100%;margin: 8px 0px;}
}
/* Media Query CSS Ends */