/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.14
Updated: 2025-12-15 14:56:44

*/

:root {
  --primary:#d42229;
  --primary-hover:#CA1115;
    --grey:#F5F5F5;
}

body{ font-family: "Plus Jakarta Sans", sans-serif;line-height:1.3; font-size:16px; font-weight: normal;  text-transform: capitalize;}
header .container{max-width: 1676px;}
a{color:black;-webkit-transition:all linear .2s 0s; transition:all linear .2s 0s;text-decoration:none; display: inline-block;}
a:hover{color:var(--primary);}
a:focus,button:focus{text-decoration:none;outline:0;}
.form-control,.form-select{box-shadow: none;}
img {max-width: 100%;}
:root .btn_styled{padding:12px 25px;border-radius:40px;color: var(--e-global-color-primary);}
.arrow_btn{position:relative}
.arrow_btn span{  position:relative;  display: inline-block; margin-left: 10px; vertical-align: middle;}
.arrow_btn:hover span {transform: rotate(45deg) ; transition: all 0.3s ease; }
.btn-primary {background: var(--primary); border-color: var(--primary); color: white;}
.btn-primary:hover, .btn-primary:focus {background: var(--primary-hover) !important; border-color: var(--primary-hover) !important; color: white !important;}
.btn-light {background: white;}
.btn-light.arrow_btn span{color: var(--primary);}
header {position: absolute; left:0; top:0; right:0; z-index: 9;}
.header_bar { margin-top: 40px; color: white;}
.logo {display: block; position: relative; width:100%; max-width: 218px;}
.logo img { width: 100%;}
#menu ul{list-style:none;margin:0;padding:0;text-align: center;}
#menu ul li{display:inline-block;position:relative;margin:0 15px;}
#menu ul li a{color:white;display:block;text-decoration:none;position:relative; font-weight: 400; padding: 0; font-size: 18px;border-bottom:transparent 2px solid; }
#menu li > a:after{content:"\f282";font-family:bootstrap-icons;margin-left:5px;position:relative;top:3px;font-size:14px}
#menu li > a:only-child:after{margin-left:0;content:""}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color:white;background-color:transparent; border-bottom-color: var(--primary);}
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item > a,#menu ul li.current-menu-ancestor > a,#menu ul li.current-menu-item > a,#menu ul li.current-menu-parent > a{color:var(--white);}
.inner_header #menu ul li a:hover,.inner_header #menu ul li.active a,.inner_header #menu ul li.current_page_item > a,.inner_header #menu ul li.current-menu-ancestor > a,.inner_header #menu ul li.current-menu-item > a,.inner_header #menu ul li.current-menu-parent > a{color:var(--primary)}
#menu ul li a:hover:before,#menu ul li.active a:before,#menu ul li.current_page_item > a:before,#menu ul li.current-menu-ancestor > a:before,#menu ul li.current-menu-item > a:before,#menu ul li.current-menu-parent > a:before{opacity:1}
#menu li.active ul li a{color:white;background:#000}
#menu li.active ul li a:hover{color:white !important;background:var(--primary)}
#menu li > ul{position:absolute;left:0;top:100%;z-index:999;min-width:192px;white-space:nowrap}
#menu ul li.active ul li a{background:white;color:#000 !important;border-bottom:1px solid rgba(0,0,0,0.09)!important}
#menu li > ul li{display:block;position:relative;margin:0;text-align:left}
#menu li > ul li a:after{content:"\F285";font-family:bootstrap-icons;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px}
#menu li ul li.current_page_item > a,#menu li ul li.current-menu-ancestor > a,#menu li ul li.current-menu-item > a,#menu li ul li.current-menu-parent > a{background:var(--primary);color:white}
#menu > li{border-left:1px solid #999}
#menu > li:first-child,#menu > li.has-submenu + li{border-left:0}
#menu li > ul > li > ul{position:absolute;left:100%;top:0;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0}
#menu li > ul > li:hover > ul{visibility:visible;opacity:1;display:block}
#menu li > ul{transition:all linear .2s 0;-webkit-transition:all linear .2s 0;visibility:hidden;opacity:0;background-color:var(--grey);padding:0; border-radius:0 0 12px 12px; overflow: hidden;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;  backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); }
#menu li:hover > ul{visibility:visible;opacity:1}
#menu li > ul li a{padding:12px 23px;transition:all linear .2s 0;-webkit-transition:all linear .2s 0;font-size:14px;background-color:transparent;color:black    ;font-weight:500;}
#menu li > ul li:last-child a{border-bottom:0}
#menu li > ul li a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;transform-origin:right center;z-index:-1}
#menu li:hover > ul li a{padding:10px 15px}
#menu li > ul li a:hover{background-color:var(--primary);color:white!important;padding-left:15px}
ul.top_right {padding: 0; margin: 0; list-style: none;}
ul.top_right li.top_btn a{font-size: 18px; font-weight: 700;}
ul.top_right li {display: inline-block; margin-left: 15px; vertical-align: middle;}
ul.top_right li:first-child {margin-left: 0;}
.top_phone {text-align: left; }
.top_phone_icon {border: rgba(255,255,255,.15) 1px solid;background: rgba(216,222,223,.13) ; width: 39px; height: 39px; text-align: center; border-radius: 100%;position: relative; }
.top_phone_icon i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.top_phone small{font-size: 11px;}
.top_phone a{display: block; font-weight: 600; font-size: 18px;color: white;}

@keyframes menu_sticky {
  0%{margin-top:-240px}
  50%{margin-top:-90px}
  100%{margin-top:0}
}
header.sticky {position:fixed; top:0; left:0; width:100%; animation-name:menu_sticky; animation-duration:.6s; animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0 10px; box-shadow:rgba(0,0,0,0.3) 0 0 10px; z-index:9; background-color: rgba(0,0,0,.9); }
header.sticky .header_bar {margin: 0; padding: 15px 0;}

@media(min-width:1700px){
    .container {max-width: 1650px;}   
}
@media(min-width:1440px){
   footer .container{max-width: 1430px;}
}

:root .counter_wrapper .elementor-counter-number-suffix{font-weight: 400; font-size: 23px;padding-top: 27px;}

footer{ color: white; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; font-size: 15px;}
footer:after {position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background-color: #171717; opacity: .97; }
footer .container {position: relative; z-index: 1;}
footer a{color: white; text-decoration: none;}
footer a:hover{color: var(--primary);}
.footer_logo{margin-bottom: 25px;}
footer ul {padding: 0; margin: 0; list-style: none;}
.footer_wrapper {padding: 70px 0 40px;}
.footer_para {line-height: 1.7;}
ul.footer_menu li+li{margin-top: 15px;}
ul.footer_menu li a{ font-weight: 400; text-decoration: none}
.footer_title{font-size: 19px; font-weight: 500; margin-bottom: 15px;}
ul.contact_list li{padding-left: 25px; position: relative; margin-bottom: 15px;}
ul.contact_list li i {position: absolute; left: 0; top: 0;}
ul.social_list li {display: inline-block;}
ul.social_list li+li {margin-left: 7px;}
ul.social_list li a {width: 30px;height: 30px;; border-radius: 100%;line-height: 30px; background: white; color: black; text-align: center; }
ul.social_list li a img { height: 15px; }
ul.social_list li a:hover{background-color: var(--primary); border-color: var(--primary); color: white;}
ul.social_list li a:hover img{filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(208deg) brightness(102%) contrast(102%);}
.copy_right_br{padding: 25px 0; border-top: 1px solid rgba(255,255,255,.3); }
.footer_link a{color: white; margin-left: 25px; font-weight: 400;}
.footer_link a:first-child{margin-left: 0;}
.footer_link li{list-style:none !important}
.mobile_view_right {display: none;}

:root .hero_icon_box.elementor-widget-icon-box{background-color: rgba(0, 0, 0, 0.5) !important;-webkit-backdrop-filter: blur(5px) !important;backdrop-filter: blur(5px) !important;}
.btn_icon .elementor-button-icon svg {width: 31px;margin-left:5px}
.gl_accord .e-n-accordion-item-title {border: none !important;}
.e-n-accordion-item p{ margin: 10px 0 20px 0;}
:root .e-n-accordion-item-title-icon svg {border-bottom: 2px solid #000;}
.e-n-accordion-item-title-text{position: relative;}
.e-n-accordion-item-title-text span {font-size: 13px;position: absolute;top: 0;left: 0px;}
.team_count {font-size: 13px;font-weight: 400;color: #9F9FA4;padding-right: 15px;}
.desig {font-size: 12px;line-height: 24px;font-weight: 400;padding-left: 100px;color: var(--e-global-color-secondary);position: absolute;right: 50px;}
.e-n-tab-title{position: relative;}
:root .e-n-tab-title-text:hover{color: var(--e-global-color-primary);}
:root .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {color: #000;font-weight: 600;}
:root .e-n-tab-title[aria-selected="true"] .team_count { color: var(--e-global-color-primary);}
:root .elementor-widget-image a {display: block;}
.e-n-tab-title .e-n-tab-icon,.e-n-accordion-item-title-icon svg {position: absolute;right: 0;}

.case_study_tab .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {color: #fff !important;}


.sector_list ul li{ position: relative;padding: 20px 0 20px 0!important;margin-bottom: 12px; border-top: 1px solid #ddd;}
.sector_list ul li:hover{border-top: 2px solid black;}
.sector_list ul li:last-child{margin-bottom: 0; border-bottom: 1px solid #ddd;}
.sector_list ul li .elementor-icon-list-icon{position: absolute !important; right: 0; top: 50%; transform: translateY(-50%);}
.sector_list ul li:hover .elementor-icon-list-icon { background-color: black; width: 45px; height: 45px; border-radius: 100%;}
.sector_list ul li:hover .elementor-icon-list-icon svg, .sector_list ul li:hover .elementor-icon-list-icon svg path { fill: white; transform: rotate(21deg);
  transform-origin: center; line-height: 90px; height: 45px;}
  .sector_list ul li:hover .elementor-icon-list-text {color: black; font-weight: 600 !important;}
   .sector_list ul li:hover .elementor-icon-list-text .team_count  {font-size: 13px; color: black;font-weight: 400;}
ul.hfe-breadcrumbs{text-align: center;}
.single_post_content img {border-radius: 25px;  height: 260px; object-fit: cover;  width: 100%;}

@media(max-width:1800px) and (min-width:1025px){
	.general_spacing{padding-left:30px;padding-right:30px}
}   
@media(max-width:1699px){
  .header_bar .container{max-width: 95%;} 
}
@media(max-width:1680px){
   #menu ul li a{font-size: 15px;}
 
}
@media(max-width:1600px){
  :root .hero_icon_box.elementor-widget-icon-box {padding: 50px 30px;}
  :root .hero_icon_box.elementor-widget-icon-box p {font-size: 14px;}
}
@media(max-width:1574px){
  #menu ul li a{font-size: 15px;}
  ul.top_right li.top_btn a, .top_phone a{font-size: 16px;}
}
@media(max-width:1550px){
  .header_bar .container{max-width: 98%;} 
}
@media(max-width:1500px){
.logo img{max-width: 180px;}
}
@media(max-width:1480px){
   :root .hero_banner h1 {font-size: 70px !important }
   :root .hero_banner h3 {font-size: 45px !important }
}
@media(max-width:1440px){
.logo img{max-width: 150px;}
  :root .hero_banner .elementor-element.elementor-element-56ffad4 {width: 150px;}
}
@media(max-width:1574px){
  #menu ul li a{font-size: 14px;}
}
@media(max-width:1380px){
  #menu ul li {margin: 0 10px;}
}
@media(max-width:1336px){
  .header_bar {margin-top: 20px;}
  .desktop_view_right {display: none;}
  .mobile_view_right {display: block;}
.logo img{max-width: 200px;}
  #menu{float: right; margin-top: 15px;}
  #menu ul li {margin: 0 18px;}
    #menu ul li a{font-size: 15px;}
  header.sticky #menu {margin-top: 0;}
}
@media(max-width:1336px) and (min-width:992px){
  header.sticky ul.top_right {display: none;}
}

@media(max-width:1280px) and (min-width:1200px){
 :root .hero_banner h1 {font-size: 40px !important;line-height: 50px !important;}
 :root .hero_banner h6 {font-size: 18px !important;}

 
 :root .inner_banner h1 {font-size: 40px !important;line-height: 50px !important;}
 :root .inner_banner h6 {font-size: 18px !important;}
}


@media(max-width:668px) and (min-width:1199px){
 .team_count {padding-right: 8px;font-size: 12px;}
}


@media(max-width:1199px){
:root .hero_banner{padding-top: 180px !important;padding-bottom: 80px !important;}

:root .inner_banner{padding-top: 160px !important;padding-bottom: 100px !important;}
  .sector_list ul li:last-child{border-bottom: 0; padding-bottom: 0 !important; margin-bottom: 0 !important;}
}
@media(max-width:1080px){
  :root .counter_wrapper .elementor-counter-number-suffix{ font-size: 16px;padding-top: 23px;}
}

@media(max-width:1065px){
  #menu ul li {margin: 0 14px;}
    #menu ul li a{font-size: 14px;}
}
@media(max-width:1024px){	
  .elementor-widget-n-tabs .e-n-tab-title-text {display: block !important;}
.desig {position: relative !important; right: inherit!important; padding-left: 33px!important; display: block!important;}
:root .elementor-widget-n-tabs .e-n-tabs-heading{display: block !important;}
:root .elementor-widget-n-tabs .e-n-tab-title{width: 100% !important;}
.btn_icon .elementor-button-icon svg{width: 25px;}
}
@media(max-width:991px){
  header{background-color: black; position: relative;}
  .header_bar{margin-top: 0; padding: 15px 0;}
  .header_bar .container{max-width: 100%;}
  #menu{display: none;}

  .menu_open {display: block; padding: 0;}
a.menu_open i {font-size: 36px; color: white;}
.menu_overlay {position: fixed; top:0; left:0; bottom:0; right:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_close {position: absolute; left:-40px; top:20px;}
.menu_close i {font-size:30px; color: white;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#ffffff; padding:0 0 75px; transition: all linear 0.2s;  width: 80%; max-width: 300px; height: 100vh;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
.mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #e9e9e9; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
.mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #000000 !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:17px 20px; border-left:1px solid #e9e9e9;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%;  width: 80%; max-width: 300px; background:#ffffff; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #ebebeb;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.bi {font-size:16px;}
	html,body{overflow-x: hidden !important;}
  :root .hero_banner{padding-top: 80px !important;padding-bottom: 80px !important;}
   :root .hero_banner h1 {font-size: 40px !important;line-height: 50px !important;}
 :root .hero_banner h6 {font-size: 18px !important;}


   :root .inner_banner{padding-top: 80px !important;padding-bottom: 80px !important;}
   :root .inner_banner h1 {font-size: 40px !important;line-height: 50px !important;}
 :root .inner_banner h6 {font-size: 18px !important;}
 :root .get_touch_list li{margin-bottom: 12px;}
  
}
@media(max-width:767px){
ul.social_list{margin-top: 20px;}
ul.footer_menu {margin-bottom: 40px;}
.copy_right {margin-top: 15px;line-height: 1.5;}
.footer_wrapper {padding-bottom: 20px;}
ul.top_right li.top_btn{display: none;}

.btn_icon .elementor-button-icon svg{width: 20px;}
}
@media(max-width:667px){
     :root .inner_banner{padding-top: 50px !important;padding-bottom: 50px !important;}

     :root .case_study_tab .e-n-accordion-item-title {background-color: #f5f5f5;}
     .btn_icon .elementor-button-icon svg{width: 18px;}

}
@media(max-width:480px){
ul.top_right li.top_phone{display: none;}
.copy_right_br{font-size: 14px;}
.elementor-button{padding: 11px 25px !important;}
.elementor-button span{font-size: 15px;}
.elementor-testimonial__text{font-size: 16px !important; line-height: 1.6 !important;}
   :root .inner_banner h1 { font-size: 30px !important;  line-height: 40px !important; }
    :root .inner_banner p { font-size: 17px !important }
}
@media(max-width:385px){
  :root .get_touch_list li svg{width: 15px!important;}
   :root .get_touch_list li, :root .get_touch_list li a {font-size: 14px !important;}
}
@media(max-width:360px){
    :root .hero_banner h1 { font-size: 30px !important;  line-height: 40px !important; }
    
    :root .inner_banner p { font-size: 16px !important }
}
@media(max-width:350px){
  :root .get_touch_list li svg{width: 13px!important;}
   :root .get_touch_list li, :root .get_touch_list li a {font-size: 13px !important;}
}