@import url(usama.css);


@font-face {
    font-family: 'GellixRegular';
    src: url('fonts/Gellix-Regular.eot');
    src: local('Gellix Regular'), local('Gellix-Regular'),
        url('fonts/Gellix-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gellix-Regular.woff2') format('woff2'),
        url('fonts/Gellix-Regular.woff') format('woff'),
        url('fonts/Gellix-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GellixMedium';
    src: url('fonts/Gellix-Medium.eot');
    src: local('Gellix Medium'), local('Gellix-Medium'),
        url('fonts/Gellix-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gellix-Medium.woff2') format('woff2'),
        url('fonts/Gellix-Medium.woff') format('woff'),
        url('fonts/Gellix-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GellixBold';
    src: url('fonts/Gellix-Bold.eot');
    src: local('Gellix Bold'), local('Gellix-Bold'),
        url('fonts/Gellix-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gellix-Bold.woff2') format('woff2'),
        url('fonts/Gellix-Bold.woff') format('woff'),
        url('fonts/Gellix-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'AktivGroteskMedium';
    src: url('fonts/AktivGrotesk-Medium.woff2') format('woff2'),
        url('fonts/AktivGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGroteskRegular';
    src: url('fonts/AktivGrotesk-Regular.woff2') format('woff2'),
        url('fonts/AktivGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-XBold';
    src: url('fonts/AktivGrotesk-XBold.woff2') format('woff2'),
        url('fonts/AktivGrotesk-XBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root{
   --autoWidth: 90em; 
   /* 1440px */
 
    
    --family_merri: "Merriweather", serif;
    --family: "GellixRegular";
    --family_gellix_medium: "GellixMedium";
    --family_gellix_bold: "GellixBold";
    --family_aktiv_regular: "AktivGroteskRegular";
    --family_aktiv_bold: "AktivGrotesk-XBold";
    --family_aktiv_medium: "AktivGroteskMedium";
   --transition: all 0.5s ease;
   --bg_color: #010202;
    --text_grey: #A9A9A9;
    --p_red: #D90000;
    --s_red: #B1071C;
    --black: #000;
    --primary: #191919;
   --white: #fff; 
   --light_gray: #DEE0E3;
   --light_gray2: #C1C1C1;
   --gray: #D9D9D9;
   --dark_gray: #414141;
   --orange: #F56B27;
    --light_orange: #FF9759;
    --border_color: #EDEDED;
    --dark_orange: #E85712;
    --text_gray2: #626262;
   --gradient: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%);

   --banner_heading_color: linear-gradient(92deg, #898989 -11.14%, #FFF 52.54%, #898989 97.4%);

 
 
   --baseFS: 16px;
   --fs10: 0.6875em;
   --fs12: 0.75em;
   --fs14: 0.875em;
   --fs16: 1em;
   --fs18: 1.125em;
   --fs20: 1.25em;
   --fs22: 1.375em;
   --fs24: 1.3125em;
   --fs26: 1.625em;
   --fs30: 1.875em; 
   --fs32: 2em; 
   --fs36: 2.25em;
   --fs40: 2.5em;
   --fs42: 2.625em;
   --fs48: 3em;
   --fs60: 3.75em;
   --fs70: 4.375em;
   --fs80: 5em;
   --fs100: 6.25em;
   
   --headerHeight:6.25em;
   --secPad:5em;
  
}


*{
  margin: 0;
  padding:0;
  box-sizing: border-box;
  font-optical-sizing: auto;
   font-style: normal;
}
a{ text-decoration: none !important; }
label{ margin: 0px;}
ol, ul{ margin: 0; list-style: none;  margin: 0;}

p, h1, h2, h3, h4, h5, h6, strong, b{ margin: 0; font-weight: normal; }

em{ font-style: normal; }

input, textarea, select, button{ border:0px none; border-radius:0px; background:none; outline:none; -webkit-appearance:none; appearance:none; outline:none; font-family: var(--family); font-weight: 400; }

img{ display: block; height: auto; outline: none; }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove arrows for Firefox */
input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

body.hidden{ overflow: hidden !important;}

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}

.clearfix{ display:block; zoom:1; }

i, em{ font-style: normal;}

.overflow_hidden{ overflow: hidden !important; }

html{ min-height: 100%;   }

.wrapper{ width: 100%; max-width: 100%;  }
/* overflow-x: hidden;  */

body { width: 100%; font-family: var(--family); color: var(--primary); font-size: var(--baseFS); overflow-x: hidden; max-width: 100%; }


.autoContent{ max-width: var(--autoWidth); padding: 0px 1.25em; margin: auto; width: 100%; }

.menu_icon_main{ display: none; }

.hamburger-lines {
   
    border-radius: 50%;
    cursor: pointer;
    display: none;
    flex-direction: column;
    flex-shrink: 0;
     justify-content: space-between;
     position: relative;
     z-index: 999;
    height: 34px;
    padding: 8px 7.5px;
    width: 38px;
  }
  
  .hamburger-lines .line {
    background: var(--white);
    border-radius: 0.625em;
    display: block;
    height: 1.6px;
    width: 100%
  }

  .header.white .hamburger-lines .line{ background: var(--primary); }
  .isOpenMenu .header.white .hamburger-lines .line{ background: var(--white); }
  
  .hamburger-lines .line1 {
    transform-origin: 0 0;
    transition: all .4s ease-in-out
  }
  
  .hamburger-lines .line2 {
    transition: all .2s ease-in-out
  }
  
  .hamburger-lines .line3 {
    transform-origin: 0 100%;
    transition: all .4s ease-in-out
  }
  
  .hamburger-lines.open .line {
    margin-left: 7px; background-color: var(--white);
  }
  
  .hamburger-lines.open .line1 {
    transform: rotate(45deg)
  }
  
  .hamburger-lines.open .line2 {
    transform: scaleY(0)
  }
  
  .hamburger-lines.open .line3 {
    transform: rotate(-45deg)
  }
    

.header{ width: 100%; position: fixed; left: 0; top: 0; z-index: 111; transition: var(--transition); }

.header.sticky_header{   background: url(../images/dotted_bg.png) repeat top left; background-color: var(--black); }
.header.sticky_header .header_inner{ padding-top:0.625em; padding-bottom: 0.625em; }

.header_inner{ display: flex; justify-content: space-between; align-items: center; padding: 1.625em 0px 1.625em 0px; transition: var(--transition); }

.header_left{ flex-shrink: 0; }
.header_left a{ display: block; width: 6.563em; }
.header_left img{ display: block; max-width: none; width: 100%;}


.header_links{ padding: 0.313em; border-radius: 2em; border: 1px solid #414141; background: url(../images/dotted_bg.png) no-repeat left top; background-size: 100% auto; background-color: rgba(255, 255, 255, 0.08); }

.header_links .header_contact{ display: none; }

.header_links ul{ display: flex; justify-content: flex-end; gap: 0.313em; }

.header_links a{ color: var(--white); font-size: var(--fs14); line-height: 116%; display: block; border-radius: 2em; position: relative; transition: var(--transition); padding: 0.625em 1em; }

.header_links a.dropdown_btn{ display: flex; gap: 2px; }

.header_links a:hover, .header_links a.active{ color: var(--primary); background: var(--white); }
.header_links a.dropdown_btn i{ height: 1em; min-width: 1em; }
.header_links a.dropdown_btn i svg{ display: block;  width: 100%; height: 100%;  }
.header_links a.dropdown_btn i svg path{ transition: var(--transition); }
.header_links a:hover i svg path, .header_links a.active i svg path{ stroke: var(--primary); }


.header.white{ border-bottom: 1px solid #EBEBEB; }
.header.white .header_links a{ color: var(--primary); }
.header.white .header_links a:hover, .header.white .header_links a.active{ background: var(--orange); }

.header.white .header_links a i svg path, .header.white .header_links a i svg path{ stroke: var(--primary); }
.header.white .header_links a:hover i svg path, .header.white .header_links a.active i svg path{ stroke: var(--primary); }

.header.white.sticky_header{ background: var(--white); }

.dropdown_box{ position: absolute; width: 11.5em; padding: 0.75em; border-radius: 6px; background: #FFF; transition: var(--transition); visibility: hidden; opacity: 0; box-shadow: 0px 14px 16px -8px rgba(0, 0, 0, 0.16); }

.dropdown_box ul{ display: flex; flex-direction: column; gap: 0.625em; }
.header_links .dropdown_box ul li a{ background: transparent; border-radius: 0; color: var(--primary); padding: 0; }
.header_links .dropdown_box ul li a:hover, .header_links .dropdown_box ul li a.active{ color: var(--orange); background:none !important; }

.dropdown:hover .dropdown_box{ visibility: visible; opacity: 1; }

.all_btn{ color: var(--primary); line-height: 1.3em; font-family: var(--family_gellix_medium); font-size: var(--fs14); border-radius: 46.882px; background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); padding: 0.75em 1em 0.75em 1em; position: relative;  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }

.all_btn span{ display: block;}

.all_btn i, .all_btn svg{ display: block; }
.all_btn svg{ display: block; width: 1.428em; height: 1.428em;}
 

.all_btn.all_orange_outlined{ background: transparent; border: 1px solid #F3621D; color: #F3621D;}
.all_btn.all_orange_outlined svg path{ stroke: #F3621D;  }
.all_btn.all_orange_outlined:hover{ color: var(--white);}
.all_btn.all_orange_outlined:hover svg path{ stroke: var(--white);}

.all_btn:hover{ background: linear-gradient(180deg, #F3621D 0.03%, #FF9759 100.04%); }


.all_btn_lg{ font-size: var(--fs18);}

.all_headline{ text-align: center; padding-bottom: var(--secPad); }

.all_headline h2{ font-size: var(--fs32); line-height: 130%; font-family: var(--family_merri); }

.all_headline span{ font-size: var(--fs16); line-height: 120%; color: var(--gray); font-family: var(--family_gellix_medium); border-radius: 2em; border: 1px solid var(--dark_gray); background: rgba(255, 255, 255, 0.08); padding: 0.5em 1em; margin-bottom: 1em; display: inline-block; }

.mb-0{ margin-bottom: 0px !important;}

.all_headline p{ font-size: var(--fs20); line-height: 1.3em; padding-top: 1em;  max-width: 58.75em; margin: auto; }

.all_headline.big h2{ font-size: var(--fs40); }

 .all_headline.white p{ color: rgba(255, 255, 255, 0.50); }

.all_headline.white h2{background: linear-gradient(90deg, #FFF 35.63%, rgba(255, 255, 255, 0.00) 116.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; line-height: 130%; }



.all_headline.black span{ background: linear-gradient(180deg, #111 0%, #575757 100%); box-shadow: 0px 0px 0px 1px rgba(104, 137, 5, 0.20) inset;  }

.all_headline.black h2{  
  background: linear-gradient(90deg, #191919 35.63%, rgba(255, 255, 255, 0.00) 116.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.banner{ padding: 6.125em 0 0; background: var(--black); position: relative; overflow: hidden; }

.banner_video{ width: 125%; height: 125%; position: absolute; left: 50%; top: -12%; transform: translateX(-50%); opacity: 0.4; }
.banner_video video{ width: 100%; height: 100%; min-width: 100%;  min-height: 100%; object-fit: cover; }

.banner_inner{ padding: 5em 0; min-height: calc(100vh - 156px); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; z-index: 2; }

.banner::before{ content: ""; width: 100%; height: 100%; background: url(../images/dotted_bg.png) repeat top left; position: absolute; left: 0; top: 0; z-index: 1; }

.banner_inner::after{ content: ""; width: 30em; height: 30em; border-radius: 481px; opacity: 0.15; background: #FFF; filter: blur(150px); position: absolute; left: 50%; bottom: -24.375em; transform: translateX(-50%); z-index: 2; }

.banner_detail{  width: 100%; margin: auto; text-align: center; }

.banner_detail span{ font-size: var(--fs24); line-height: 1em; padding-bottom: 1em; display: block;  background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-family: var(--family_merri); }

.banner_detail h1{ font-size: var(--fs100); font-family: var(--family_merri); font-weight: 700;

  background: linear-gradient(92deg, #898989 -11.14%, #FFF 52.54%, #898989 97.4%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.banner_ref{ padding: 0em 0px; border-top: 1px solid #44291B; border-bottom: 1px solid #44291B; background: rgba(56, 56, 56, 0.08); position: relative; z-index: 1; }
 

.banner_ref .autoContent{ height: 100%; display: flex; align-items: center; justify-content: center; }

.banner_ref_inner ul{ display: flex; align-items: center;  padding: 0.18em 0em; }
.banner_ref_inner ul li{ padding-left:5.25em ;}
.banner_ref_inner ul li a{ display: block; height: 3.125em; display: flex; align-items: center; cursor: initial;}

.banner_ref_inner ul li a img{ display: block; max-height: 3.125em;  }

.whowe_main{ padding: 5.5em 0; background: url(../images/section_bg.png) no-repeat top center; background-size: 100% auto; background-color: var(--black); position: relative; }

.whowe_main:before { content: ""; width: 100%; height: 100%; background: url(../images/dotted_bg.png) repeat top center; position: absolute; left: 0; top: 0; pointer-events: none; }

.whowe_inner{ position: relative; }

.whowe_main .all_headline{ padding-bottom:3em; }
.whowe_main .all_headline p{ padding-top: 1.5em; }

.whowe_gallery{   margin-bottom: 2.5em; height: 37.5em; border-radius: 1.5em; overflow: hidden;   }



.whowe_gallery figure{ width: 100%; height: 37.5em; border-radius: 1.5em; overflow: hidden; display: block; }
.whowe_gallery figure img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: var(--transition); }
.whowe_gallery figure:hover img{ transform: scale(1.05); }

.whowe_gallery figure video{ width: 100%; height: 100%; display: block; object-fit: cover; transition: var(--transition); }

/* .whowe_counters_main{ position: relative; padding: 2em 0px;     background: url(../images/section_bg.png) no-repeat top center;
  background-size: 100% auto;
  background-color: var(--black); border-radius: 1.5em; } */

.whowe_counters{ padding-bottom: 2.5em; }

.whowe_counters ul{ display: flex; gap: 1.5em; }

.whowe_counters ul li{ flex: 1; }

.whowe_counters_box, .whowe_inds_box{ width: 100%; height: 100%; border-radius: 1.5em; border: 1px solid #44291B; background: rgba(56, 56, 56, 0.08); padding: 2.5em; }

.whowe_counters_box span{ font-size: var(--fs24); line-height: 1.2em; display: block; background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--family_merri); font-weight: 400; padding-bottom: 1.666em; }

.whowe_counters_box strong{ font-size: var(--fs48); line-height: 1.2em; display: block; color: var(--light_gray); padding-bottom: 4px; font-family: var(--family_aktiv_medium); }

.whowe_counters_box p{ font-size: var(--fs18); line-height: 1em; color: var(--light_gray); }


.whowe_inds_box{ height: auto; }

.whowe_inds_box_headline{ font-size: var(--fs24); font-family: var(--family_merri); line-height: 130%;     background: linear-gradient(90deg, #FFF 35.63%, rgba(255, 255, 255, 0.00) 116.06%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; display: block; text-align: center; }

.whowe_inds_box ul{ display: flex; padding-top: 1.5em; }

.whowe_inds_box ul li{ flex: 1; border-left:1px solid rgba(255, 255, 255, 0.12); padding: 0 2em; }
.whowe_inds_box ul li:first-child{ border: 0; padding-left: 0; }
.whowe_inds_box ul li:last-child{ padding-right: 0; }

.whowe_inds_box_inner{ text-align: center; }

.whowe_inds_box_inner i{ margin-bottom: 1em; display: block; transition: var(--transition); }

.whowe_inds_box_inner:hover i{ animation: moveUpDown 1s infinite; }

.whowe_inds_box_inner span{ font-size: var(--fs20); line-height: 120%; color: var(--light_gray); font-family: var(--family_gellix_medium); display: block; }

.sustain_main{ padding: 5em 0; background: url(../images/dotted_bg.png) no-repeat left top; background-size: 100% auto; }

.sustain_inner{   width: 100%; margin: auto; }

.sustain_inner .all_headline{ max-width: 43.75em; width: 100%; margin: auto; }

.sustain_list > ul > li{ padding-bottom: 1.5em; }
.sustain_list > ul > li:last-child{ padding-bottom: 0; }

.sustain_box{  display: flex; align-items: center; border-radius: 1.5em; border: 1px solid #EDEDED; background: #F8F8F8; }

.sustain_list > ul > li:nth-child(even) .sustain_box{ flex-direction: row-reverse; }

.sustain_box_text{ padding: 1.5em 2em; flex: 1; }

.sustain_box_text_icon{ display: block; padding-bottom: 1em;}
.sustain_box_text_icon img{ display: block;}
 
.sustain_box_img{ padding:0.625em; width: 47%; }

.sustain_box_img figure{ border-radius: 1em; display: block; height: 29.875em; overflow: hidden; }
.sustain_box_img figure img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: var(--transition); }
.sustain_box_img figure:hover img{ transform: scale(1.05);}

.sustain_box_text h3{ font-size: var(--fs24); line-height: 1em; font-family: var(--family_merri); font-weight:700; display: block; padding-bottom: 0.5em; }

.sustain_box_text p{ font-size: var(--fs18); line-height: 1.3em; color: #646464; padding-bottom: 0.6666em; }

.sustain_box_text small{ display: none; font-size: var(--fs14); line-height: 1.3em; color: #646464; padding-bottom: 0.6666em; }


 

.teleccomSolu_list{ width: 100%; padding: 1.5em 0px;}

.teleccomSolu_list > ul{ display: flex; justify-content: space-between;}
.teleccomSolu_list > ul li{ padding: 1em 1em; width: 100%; text-align: center; border-left: 1px solid var(--light_gray);}

.teleccomSolu_list > ul li:first-child{ border-left: 0px none;}

.teleccomSolu_list h4{ font-size: var(--fs32); line-height: 1em; font-family: var(--family_gellix_medium); font-weight:600; display: block; padding-bottom: 0.5em; }
.teleccomSolu_list small{ display: block; font-size: var(--fs14); line-height: 1.2em; color: #646464; }

.teleccomSolu_btn_row{ display: flex; justify-content: flex-end;}

.teleccomSolu_btn_row i{ padding: 0px;}

.teleccomSolu_readAll_row{ display: flex; justify-content: center; padding-top: var(--secPad);}

/* other css start here */
.btn_dark{ color: var(--white); background-color: var(--primary); font-size: var(--fs16); font-weight: 500; line-height: 1.2em; border-radius: 6.25em; border: 1px solid rgba(255, 255, 255, 0.20); padding: 0.75em 1.25em; cursor: pointer; transition: var(--transition); }

.btn_dark:hover{background: var(--gradient); border-color: transparent;}

.footer{ width: 100%; padding: 5em 0em 2.5em 0em;  background-color: var(--primary) !important; border-top: 6px solid #FF9759;     background: url(../images/dotted_bg.png) repeat top left;}
 
.footer_top{ display: flex; gap: 11.875em; }

.footer_top_left{ width: 24%; }

.footer_logo{ display: block; width: 6.563em; margin-bottom: 1.5em;} 
.footer_logo img{display: block; max-width: none; width: 100%;}

.footer_top_left p{ color: var(--white); font-size: var(--fs16); line-height: 1.4em; padding-bottom: 2em; }


.footer_top_right{ display: flex; width: 76%; }

.ft_middle_left, .ft_right_middle, .ft_right_right{ width: 33.33%; }

.ft_right_detail h4{ color: var(--white); font-size: var(--fs18); line-height: 1.2em; padding-bottom: 1.5em; }

.ft_right_detail ul{ display: flex; flex-wrap: wrap; }
.ft_right_detail ul li{ width: 100%; padding-bottom: 1.3em; }
.ft_right_detail ul li:last-child{ padding-bottom: 0em; }

.ft_right_detail ul li a{ color: var(--light_gray2); font-size: var(--fs16); line-height: 1.2em; transition: var(--transition); }

.ft_right_detail ul li a:hover{ color: var(--white); }

.ft_icon_main{ display: flex; align-items: center; gap: 8px; padding-bottom: 0.5em; }
.ft_icon{ width: 1.5em; height: 1.5em; display: block; }
.ft_icon svg{ width: 100%; height: 100%; display: block; }
.ft_icon_main h2{ color: var(--light_gray2); font-size: var(--fs16); line-height: 1.2em; font-weight: 700;}

.ft_right_info p{ color: var(--light_gray2); font-size: var(--fs16); line-height: 1.2em; display: none; }



.revolution{ width: 100%;   position: relative;  background-color: var(--primary); padding: 5em; border-radius: 3em; border: 1px solid (255, 255, 255, 0.15); text-align: center; position: relative; overflow: hidden; }

.revolution::after{ content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 480px; height: 21.25em; border-radius: 481px; opacity: 0.15; background: #FFF; filter: blur(150px); transition: var(--transition); }

.revolution:hover::after{   opacity: 0.4; background: #F3621D;  filter: blur(12.5em); }

 
.revolution .all_headline, .revolution a{ z-index: 1; position: relative; }
.revolution .all_headline{ padding-bottom: 2em; }


.our_competitive{ width: 100%; padding: var(--secPad) 0em 0em; background: url(../images/dotted_bg.png) repeat top left; position: relative; overflow: hidden; background-color: #FFF4ED;}

/* .our_competitive::after{ content: ""; background: url(../images/section_bg.png) no-repeat top center; position: absolute; top: -50%; left: 0px; width: 100%; height: 100%; background-size: cover; } */
 
  
.our_competitive_inner{ position: relative;  z-index: 1;}

.our_competitive_inner .all_headline{ max-width: 45.125em; margin: auto;}

.our_competitive_content ul{ display: flex; flex-wrap: wrap; }

.our_competitive_content > ul > li{ width: 100%; padding-bottom: 40px; } 
 

 
/* .our_competitive_content ul li:nth-child(2) .oc_detail{ flex-direction: row-reverse; } */
  
/* .our_competitive_content ul li:nth-child(2) .oc_detail .oc_detail_img{ border-radius: 10.625em 10.625em 0px 10.625em; }  */


.oc_detail{ display: flex; align-items: center; gap: 2em; }

.oc_detail_text{ max-width: 34.375em; }
.oc_dt_heading{ margin-bottom: 1.5em; }
.oc_dt_heading{ padding: 0.5em 1.5em 0.5em 0.5em; border-radius: 6.25em; border: 1px solid #FFE6D3; display: inline-flex; align-items: center; }

.oc_dt_icon{ padding: 0.75em; border-radius: 50%; background-color: var(--primary); display: flex; align-items: center; justify-content: center; }

.oc_dt_icon i{ width: 1.5em; height: 1.5em; display: block; }
.oc_dt_icon i svg{ width: 100%; height: 100%; display: block; }

.oc_dt_heading h4{ color: var(--primary); font-size: var(--fs22); font-weight: 700; line-height: 1.2em; font-family: var(--family_merri); padding-left: 0.727em; }


.oc_dt_info{ padding: 1.5em; border-radius: 1.5em; border: 1px solid #FFE6D3;}
.oc_dt_info p{ color: var(--primary); font-size: var(--fs24); line-height: 1.2em; padding-bottom: 0.33em; }

.oc_dt_info ul{ display: flex; flex-wrap: wrap; list-style-type: disc; padding-left: 2em; }
.oc_dt_info ul li{ width: 100%; color: var(--primary); font-size: var(--fs24); line-height: 1.2em; }

.oc_detail_img{ width: 100%; max-width: 21.75em; height: auto; border-radius: 10.625em 10.625em 0px 10.625em ; overflow: hidden; }

.oc_detail_img img{ width: 100%; height: auto; display: block; transition: var(--transition); }
.oc_detail_img:hover img{ transform: scale(1.05);}


/* commitment_sec css start */
.commitment_sec{ width: 100%; padding: var(--secPad) 0em; }

.commitment_content ul{ display: flex; margin: -0.75em; flex-wrap: wrap; }
.commitment_content ul li{ width: 25%; padding: 0.75em; }

.commitment_box{ padding: 2.5em; background-color: var(--white); border-radius: 1.5em; border: 1px solid var(--border_color); transition: var(--transition); height: 100%; }

.commitment_box:hover{ transform: translateY(-8px); 
  border-color: rgba(255, 187, 54, 0.40);
  background: #FFFCF7; 
  box-shadow: 0px 0px 56px 0px #FFFCF7; }
 
  .commitment_box2:hover{ 
    border-color: rgba(248, 94, 53, 0.40);
    background: #FFFAF8;
    box-shadow: 0px 0px 56px 0px #FFFAF8;}
  .commitment_box3:hover{
    border-color: rgba(51, 116, 65, 0.40);
    background: #F9FFFA;
    box-shadow: 0px 0px 56px 0px #F9FFFA;}
  .commitment_box4:hover{ 
    border-color: rgba(10, 64, 94, 0.40);
    background: #F8FCFF;
    box-shadow: 0px 0px 56px 0px #F8FCFF;}

 
.c_box_icon{ padding: 0.75em; border-radius: 50%; background-color: #FFBB36; display: inline-block;} 
.c_box_icon.c_box_red{ background-color: #F85E35; }
.c_box_icon.c_box_green{ background-color: #337441; }
.c_box_icon.c_box_blue{ background-color: #0A405E; }

.c_box_icon i{ width: 2em; height: 2em; display: block; }

.c_box_icon i svg{ width: 100%; height: 100%; display: block; }

.c_box_text{ padding-top: 2em; }
.c_box_text h2{ color: var(--primary); font-size: var(--fs40); font-weight: 700; line-height: 1.2em; padding-bottom: 0.6em; }
.c_box_text p{ color: var(--primary); font-size: var(--fs18); line-height: 1.2em; max-width: 32.5em; }







/* counters_sec css start */

.counters_sec{ width: 100%; padding: 5em 0em; background: url(../images/section_bg.png) no-repeat top center; background-size:cover; background-color: var(--black); position: relative; }

.counters_sec:before{ content: ""; width: 100%; height: 100%; background: url(../images/dotted_bg.png) repeat top center; position: absolute; left: 0; top: 0; }

.counters_sec_inner{ position: relative; }

.counters_sec_content ul{ display: flex; flex-wrap: wrap; }
.counters_sec_content ul li{ width: 100%; padding-bottom: 7.5em; }
.counters_sec_content ul li:last-child{ padding-bottom: 0em; }

.c_brand_img{ width: 100%; max-width: 14.75em; min-width: 7.25em; height: auto; margin: auto; display: block; }
.c_brand_img img{ width: 100%; height: auto; display: block; }

.c_brand_info{ display: flex; padding-top: 2.5em; margin: 0em -0.75em; }

.c_brand_li{ flex: 1; padding: 0em 0.75em; }

.c_brand_box{ height: 100%; padding: 2.5em; background: rgba(255, 255, 255, 0.08); border-radius: 1.5em; border: 1px solid var(--dark_gray); transition: var(--transition); position: relative; }

.c_brand_box:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1;  pointer-events: none;  border-radius: 1.5em;  background: var(--Linear, linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%)); opacity: 0; transition: var(--transition);}
.c_brand_box:hover{ transform: translateY(-6px);}
.c_brand_box:hover:before{ opacity: 1; }

.c_brand_box.text_center{ text-align: center; }

.c_brand_box h2{ color: var(--light_gray); font-size: var(--fs48); font-weight: 700; line-height: 1.2em; padding-bottom: 0.12em; }

.c_brand_box p{ color: var(--light_gray); font-size: var(--fs18); line-height: 1.2em; }

.w100{ width: 100% !important; }
.w50{ width: 50% !important; }

/* about us css start */

.cantent_has_shade{ position: relative; overflow: hidden;}

.cantent_has_shade:before{ background-color: rgba(252, 138, 75, 0.60); z-index: 0; filter: blur(500px); width: 35.75em;  height: 38.625em; content: ""; position: absolute; right: -5.625em; top: 5.625em; display: block; pointer-events: none; }


.about_us_main .banner_inner{ justify-content: start; height: 100%; }

.about_us_main .banner_content{ max-width: 72.28125em; margin: auto; text-align: center; }

  .about_us_main.portfolio_main .banner_content{ max-width:none; margin: auto; text-align: center; }

.about_us_main .banner_video{ width: 100%; height: 100%; left: 0; top: 0; transform: translateX(0); opacity: 0.7; }

.banner_content{ display: block; }

.banner_content span{ font-size: var(--fs24); line-height: 1em; font-family: var(--family_merri); background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; display: block; padding-bottom: 1em;}

.banner_content h2{ font-size: var(--fs100); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; background: var(--banner_heading_color); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.aboutUs_contant{ width: 100%; padding: 2.5em 0em; background: url(../images/dotted_bg.png) repeat top center; background-color: var(--white); }

.aboutUs_contant_inner{ position: relative; z-index: 1; }

.au_content_header{ padding-bottom: var(--secPad); text-align: center; }

.au_content_header p{ font-size: var(--fs20); font-weight: 500; line-height: 1.4em; font-family: var(--family_gellix_medium); }


.aboutUs_detail ul{ display: flex; flex-wrap: wrap; }

.aboutUs_detail ul li{ width: 100%; padding-bottom: 7.5em; }
.aboutUs_detail ul li:last-child{ padding-bottom: 0em; }

.au_info{display: flex; justify-content: space-between; }
 
.au_info_left{ width: 40%;}
.au_info_left h4{ color: var(--primary); font-size: var(--fs18); line-height: 1.2em; display: inline-block; text-transform: uppercase;}

.au_info_right{ width: 60%; padding-left: 40px; }

.au_info_right h2{ text-align: left; font-size: var(--fs32); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; padding-bottom: 0.75em; background: linear-gradient(to bottom right, #191919 0%, rgba(25, 25, 25, 0.70) 57%) bottom right / 80% 50% no-repeat, linear-gradient(to bottom left, #191919 0%, rgba(25, 25, 25, 0.70) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #191919 0%, rgba(25, 25, 25, 0.7) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #191919 0%, rgba(25, 25, 25, 0.70) 50%) top right / 50% 50% no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.au_info_right p{ color: var(--primary); font-size: var(--fs20); line-height: 1.2em; padding-bottom: 0.8em;}
.au_info_right p:last-child{ padding-bottom: 0em; }

.au_info_right_info_li{ padding-bottom: 2.5em; }
.au_info_right_info_li:last-child{ padding-bottom: 0em; }
.au_info_right_info_li span{ font-size: var(--fs24); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 0.666em; display: block; }

.au_content_footer{ padding: 6.25em 0em 6.25em 0em; }
.au_content_footer p{ text-align: center; font-size: var(--fs20); line-height: 1.2em; font-weight: 400; }


.aboutUs_content{ padding-bottom: var(--secPad); }

.aboutUs_content_inner{ display: flex; justify-content: space-between; padding: var(--secPad) 0px }

.aboutUs_content ul li:nth-child(even) .aboutUs_content_inner{ flex-direction: row-reverse; }

.aboutUs_content_right{  padding:1em 3.75em; }

.aboutUs_content_left, .aboutUs_content_right{ width: 50%; }

.aboutUs_content_right{ display: flex; align-items: center; justify-content: center; }

.aboutUs_content_text h2{ text-align: left; font-size: var(--fs32); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; padding-bottom: 0.75em; 
  background: linear-gradient(92deg, #898989 -11.14%, #191919 52.54%, #898989 97.4%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; display: inline-flex;} 

.aboutUs_content_text p{ color: var(--primary); font-size: var(--fs20); line-height: 1.2em; padding-bottom: 1em;}
.aboutUs_content_text p:last-child{ padding-bottom: 0em; }

.aboutUs_content_img{ width: 100%;  }
 
.aboutUs_content_img figure{ border-radius: 1em; display: block; height: 29.875em; overflow: hidden; }
.aboutUs_content_img figure img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: var(--transition); }
.aboutUs_content_img figure:hover img{ transform: scale(1.05);}

.au_approach_list .aboutUs_content_left{ width: 40%; }

.au_approach_list.aboutUs_content ul li:nth-child(even) .aboutUs_content_inner{ flex-direction: initial !important; }

.au_approach_list.aboutUs_content ul li:nth-child(odd) .aboutUs_content_inner{ flex-direction: row-reverse !important; }


.au_edge_list .aboutUs_content_left{ width: 40%; }

.au_edge_list.aboutUs_content ul li:nth-child(even) .aboutUs_content_inner{ flex-direction: initial !important; }

.au_edge_list.aboutUs_content ul li:nth-child(odd) .aboutUs_content_inner{ flex-direction: row-reverse !important; }

.has_numberPos{ position: relative;}

.text_numberPos{ display: inline-block; font-size: 12.5em; line-height: 1em; position: absolute; left: -30px; top: -0.3em; pointer-events: none; font-family: var(--family_merri); font-weight: 700;
  
  background: linear-gradient(180deg, #FF9759 -55.68%, #F3621D 143.07%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.16;} 




/* about us css end */


/* our team */

.team_main{ padding-top: 6.25em; background: url(../images/side_bg.png) no-repeat top right; background-size:cover; position: relative; }

.team_main:before{ content: ""; width: 100%; height: 100%; background: url(../images/dotted_bg.png) repeat top center; position: absolute; left: 0; top: 0; }

.team_inner{  padding: var(--secPad) 0; position: relative; }

.team_inner .all_headline{ max-width: 53.125em; margin: auto; }

.team_list{ padding-bottom: var(--secPad); }

.team_list ul{ display: flex; gap: 1.5em; flex-wrap: wrap; justify-content: center; }

.team_list ul li{ width: calc(24% - 1em); }

.team_card{ width: 100%; height: 24.375em; border-radius: 1.5em; background:  #F8F8F8; mix-blend-mode: multiply; position: relative; overflow: hidden; transition: var(--transition); }

.team_card::before{ content: ""; width: 100%; height: 15.625em; background: linear-gradient(180deg, rgba(24, 24, 24, 0.00) 0%, #181818 87.48%); position: absolute; left: 0; bottom: 0; z-index: 2; }

.team_card_img{ width: 100%; height: 100%; }
.team_card_img img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: var(--transition); }

.team_card_content{ width: 100%; position: absolute; left: 0; bottom: -100%; z-index: 3; padding: 2em; transition: var(--transition); }

.team_card_content span{ color: var(--white); font-size: var(--fs24); line-height: 1em; padding-bottom: 0.5em; letter-spacing: -0.72px; display: block; font-family: var(--family_merri); font-weight: 400; }

.team_card_content small{ color: rgba(255, 255, 255, 0.50); font-size: var(--fs18); line-height: 1em; display: block; padding-right: 1.5em; }

.team_card:hover .team_card_content{ bottom: 0; }
.team_card:hover .team_card_img img{ transform: scale(1.05); }

.teamSocials{ position: absolute; right: 1em; bottom: 1.3em;}

.teamSocialIcon{ display: block;}
.teamSocialIcon svg{ display: block; width: 2.5em; height: 2.5em;}
.teamSocialIcon svg path{ transition: var(--transition);}
.teamSocialIcon:hover svg path{ fill: var(--orange);}

.social_media{ width: 100%; padding: var(--secPad) 0 10em; }

.social_media .all_headline{ padding-bottom: 2.5em; }

.social_media_links ul{ display: flex; align-items: center; justify-content: center; gap: 1.5em;}

.social_media_links ul li a{ display: flex; align-items: center; justify-content: center; border-radius: 6.25em; border: 1px solid #606060; padding: .5em; transition: var(--transition); }

.social_media_links ul li a svg path{ transition: var(--transition); }

.social_media_links ul li a:hover{ border-color: var(--orange); }
.social_media_links ul li a:hover svg path{ fill: var(--orange); }

/* end our team */

/* start porfolio */

.portfolio_main .all_btn i{ padding: 0; }

.portfolio_main .au_content_footer{ padding: var(--secPad) 0; }
.portfolio_main .au_content_header{ padding-bottom: var(--secPad) }
.portfolio_main .aboutUs_contant{ padding: var(--secPad) 0; }

/* end porfolio */

/* start Approach */

/* .approach_main .aboutUs_contant{ position: relative; overflow: hidden; padding: 6.25em 0; }

.approach_main .aboutUs_contant::after{ content: ""; width: 100%; height: 100%; background: url(../images/section_bg.png) no-repeat right top; position: absolute; right: -20%; fill: rgba(252, 138, 75, 0.60); filter: blur(500px); top: -18%; } */

.aboutUs_content_text_dotted{ padding-bottom: 1em; }
.aboutUs_content_text_dotted:last-child{ padding-bottom: 0; }

.aboutUs_content_text_dotted span{ font-size: var(--fs20); line-height: 1.2em; font-family: var(--family_gellix_bold); display: block; position: relative; margin-bottom: 0.5em; padding-left: 1em; }

.aboutUs_content_text_dotted span::before{ content: ""; width: 0.75em; height: 0.75em; border-radius: 50%; background: var(--orange); position: absolute; left: 0; top: 8px; }

.aboutUs_content_text_dotted p{ padding: 0; }


/* .approach_main .aboutUs_content ul li .aboutUs_content_inner{ padding-bottom: .5em; } */


/* end Approach */


/* about us slider */

.our_history_section{ text-align: center; }
.our_history_section .aboutUs_content_text{ max-width: 59.375em; margin: auto; }
.our_history_section .aboutUs_content_text h2{ text-align: center; }

.about_slider{ width: 100%; padding: 5.25em 0em 5.25em 0em; border-bottom: 1px solid var(--gray); }

.a_slider_list{ height: 3.75em; }

.a_slider_list span{ color: var(--text_gray2); text-align: center; font-size: var(--fs24); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; padding-bottom: 6px; display: block; }

.a_slider_list{ position: relative; }
.a_slider_list::after{ content: ""; width: 1.5em; height: 1.5em; border-radius: 50%; background-color: var(--gray); position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); z-index: 2; border: 1px solid var(--gray); }

.a_slider_list::before{ content: ""; width: 0.75em; height: 0.75em; border-radius: 50%; background-color: var(--orange); position: absolute; bottom: 9px; left: 50%; transform: translateX(-50%); z-index: 3; display: none; } 

.about_slider .slick-list{ position: relative; }
.slider_nav .slick-list::before{ content: ""; width: 100%; height: 2px; background-color: var(--gray); position: absolute; left: 0px; bottom: 0.75em; }
 
.about_slider_body{ padding-top: 5em; }

.about_slider_body .slick-arrow{ display: none !important; }

.about_slider_content{ padding: 1.875em 2.5em 3.938em 2.5em; max-width: 52.313em; display: block !important; margin: auto; border: 1px solid var(--gray); }

.about_slider_content h4{ font-size: var(--fs32); font-family: var(--family_merri); font-weight: 700; line-height: 1.2em; padding-bottom: 0.75em; background: linear-gradient(to bottom right, #191919 0%, rgba(25, 25, 25, 0.70) 57%) bottom right / 80% 50% no-repeat, linear-gradient(to bottom left, #191919 0%, rgba(25, 25, 25, 0.70) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #191919 0%, rgba(25, 25, 25, 0.7) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #191919 0%, rgba(25, 25, 25, 0.70) 50%) top right / 50% 50% no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.about_slider_content p{color: #191919; font-size: var(--fs20); font-style: normal; font-weight: 400; line-height: 1.2em;}
 


.about_slider .slick-slider{ display: flex; }
 
.about_slider .slider_nav{ position: relative; }
  
 
.slider_nav_li{ text-align: center; margin: auto; } 
.about_slider_header ul li:last-child{ padding-right: 0em; }

.about_slider .slick-arrow{ width: 3em !important; height: 3em !important; padding: 0.75em; border-radius: 50%; background-color: var(--dark_orange); display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; font-size: 0px; cursor: pointer; }

.about_slider .slick-prev{ left: 0px; bottom: -1.25em;}
.about_slider .slick-prev::before{ content: "";  width: 3em; height: 3em; background: url(../images/prev_icon.svg) no-repeat center center; background-size: cover; }
  

.about_slider .slick-next{ right: 0px; bottom: -1.25em; }
.about_slider .slick-next::before{ content: "";  width: 3em; height: 3em; background: url(../images/next_icon.svg) no-repeat center center; background-size: cover; }

.about_slider .slick-dots{ display: flex; }

.about_slider .slick-slide.slick-current .a_slider_list::after{ background: var(--white); border-color: var(--orange); }

.about_slider .slick-slide.slick-current .a_slider_list::before{ display: block; }

.about_slider .slick-slide.slick-current .a_slider_list span{ background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* about us */

/* getIn_touch css start */


.getIn_touch{ width: 100%; padding: 2.5em 0 var(--secPad); background-color: var(--white); position: relative; }

/* .getIn_touch:before{ content: ""; width: 100%; height: 100%; background: url(../images/dotted_bg.png) repeat top center; position: absolute; left: 0; top: 0; } */

.getIn_touch_banner .all_headline p{ max-width: 37.5em; margin: auto; }
 
.getIn_touch_banner{ position: relative;  padding: 11.25em 0em 0em 0em; }

.git_contact{ padding: var(--secPad) 0; }

.git_contact_inner{ display: flex; }

.git_contact_detail{ flex: 1; }

.git_contact_icon{ display: flex; align-items: center; gap: 0.625em; padding-bottom: 1.5em; }
.git_contact_icon i{ width: 1.5em; height: 1.5em; display: block; }
.git_contact_icon i svg{ width: 100%; height: 100%; display: block; }

.git_contact_icon span{ color: #646464; font-size: var(--fs16); line-height: 1.2em;}

.git_contact_icon_detail .git_contact_icon{ padding-bottom: 0.625em; }
.git_contact_icon_detail p{ color: var(--primary); font-size: var(--fs18); line-height: 1.2em; padding-bottom: 0.555em; }

.git_contact_detail ul{ display: flex; flex-wrap: wrap; }
.git_contact_detail ul li{ width: 100%; padding-bottom: 1.2em; }
.git_contact_detail ul li:last-child{ padding-bottom: 0em; }
.git_contact_text span{ color: #646464; font-size: var(--fs16); line-height: 1.2em; display: block; padding-bottom: 0.375em; }
.git_contact_text strong{ color: var(--primary); font-size: var(--fs18); line-height: 1.2em; display: block; }

.git_address span{ color: var(--primary); font-size: var(--fs18); line-height: 1.2em; display: block; padding-bottom: 0.555em; }


.git_banner_img{ width: 100%; padding-bottom: 2em; }
.git_banner_img img{ max-width: 43.75em; width: 100%; height: auto; display: block; margin: auto; }


.send_msg_sec{ width: 100%; padding: 0em 0em var(--secPad) 0em; border-bottom: 1px solid var(--gray); }

.send_msg_sec_inner .all_headline{ padding-bottom: var(--secPad); }

.from_main{ width: 100%; max-width: 72.5em; margin: auto; padding: 2em;border-radius: 2em; border: 1px solid #E7E7E7; background: #F8F8F8; }

.form_row{ display: flex; margin: 0 -0.5em; }

.form_cell{ width: 33.33%; padding: 0 0.5em 2em; }

.form_cell.wodth100{ width: 100%;}

.form_row:last-child .form_cell{ padding: 0; }

.form_field label{ color: var(--primary); font-size: var(--fs14); font-weight: 500; line-height: 1.2em; padding-bottom: 0.571em; display: block; }

.form_field input, .form_field textarea{ color: var(--primary); font-size: var(--fs14); line-height: 1.2em; display: block; padding: 1em; border-radius: 0.75em; border: 1px solid #E7E7E7; background: var(--white); width: 100%; transition: var(--transition);}

.form_field input:hover, .form_field textarea:hover{  border-color: var(--orange); }
 

.form_field textarea{ border-radius: 0.625em; }

.form_row .all_btn{ display: flex; align-items: center; justify-content: center; max-width: 17.25em; margin: auto; }


.countrypicker{ width: 100% !important; position: relative; z-index: 9999999; }


.countrypicker .btn-default{ background: var(--white) !important; font-size: var(--fs14) !important; font-weight: 500 !important;  line-height: 1.2em !important; color: var(--primary) !important; padding: 1em 1em !important; border-radius:  0.75em !important; border: 1px solid #E7E7E7 !important; transition: var(--transition); }

.btn-group.open .dropdown-toggle, .countrypicker.bootstrap-select .dropdown-toggle:hover{ outline: none !important; border-color: var(--orange) !important; }

.bootstrap-select.btn-group .dropdown-menu.inner{ max-height: 350px !important;}

.countrypicker .dropdown-menu{ z-index: 9999;}
.countrypicker a:focus, .countrypicker .dropdown-toggle:focus{ outline: none !important;}

.countrypicker .dropdown-menu>li>a{ font-size: var(--fs18) !important; padding-top: 8px !important; padding-bottom: 8px !important; display: flex; align-items: center; }
.countrypicker .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: var(--orange) !important;}
.countrypicker .btn.dropdown-toggle .inline-flag{ margin-top: 2px;}

 
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: var(--light_gray);  }
::-webkit-scrollbar-thumb { background: var(--gradient);  border-radius: 0.625em;   }

@keyframes moveUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);  
  }
  100% {
    transform: translateY(0px);  
  }
}

.error_text{ font-size:var(--fs14); line-height:1.5em; display:block; color:#d32e2e;  }
.error_stroke{ border-color:#d32e2e !important; }






.custom_popup{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999998; display: flex; align-items: center; justify-content: center; overflow-y: auto;}

.popup_inner{ width: 100%; padding: 1.25em; width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.popup_overlay{  width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 0;   -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);  }

.popup_box{ border-radius: 1.25em; padding-bottom: 20px; background: #F8F8F8;  width: 100%; max-width: 33.75em; position: relative; z-index: 2; margin: auto;  } 

.popupHeader{ display: flex; justify-content: center; align-items: center; position: relative; padding:1em 1.25em; position: relative; background-color: var(--p_green);  border-radius: 1.1875em 1.1875em 0px 0px;  background: var(--gradient); }

.popupHeader h3{ font-size: var(--fs22); line-height: 1.2em; font-weight: 700; color: #fff; }

.popup_close{ width: 2.375em; height: 2.375em; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: var(--s_color); transition: all 0.3s ease; position: absolute; right: 0.625em; top: 0.625em; }

.popup_close:hover svg path{ transition: all 0.3s ease; }

.popup_content{  width: 100%; padding: 1.25em 1.875em; max-height: calc(100vh - 150px); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
 

.popup_close svg path{ stroke: var(--white); }

.popup_close:hover svg path{ stroke: var(--black); }
 
.popup_footer{ display: flex; justify-content: center; padding: 1.25em 1.25em 1.875em 1.25em; }

.privacy_popup .popup_box{ max-width: 75em;}
 
.custom_popup{ display: none; }

.error_text{ font-size:var(--fs14); line-height:1.5em; display:block; color:#d32e2e;  }
.error_stroke{ border-color:#d32e2e !important; }

.disabled{ opacity: 0.2; pointer-events: none;}

.sucessPop_content{ text-align: center; padding: 3.125em 0.9375em;}

.sucessPop_content i{ display: block; width: 100%; padding-bottom: 1.25em;  }

.sucessPop_content i img{ display: block; width: 100%; max-width: 12.5em; margin: auto;}

.sucessPop_content h3{ padding-bottom: 1.875em; font-weight: 600; font-size: var(--fs18); line-height: 1.5em; max-width: 28.125em; margin: auto;  }

.sucessPop_content a{ min-width: 160px; text-align: center; justify-content: center; }


.g-recaptcha{ display: flex; justify-content: flex-start; flex-wrap: wrap; }


.secPt{ padding-top: var(--secPad);}
.secPb{ padding-bottom: var(--secPad);}
.secPb0{ padding-bottom: 0px;}
.au_vision_title{ max-width: 59.5em; margin: auto;}

.insights_inner.secPt{ padding-top: 2em;}

.sustain_box_logo{ padding-bottom: 2em; display: block;}

.ou_commitments_list{ width: 100%; padding-bottom: var(--secPad);}

.ou_commitments_list > ul{ display: flex; flex-wrap: wrap; border: 1px solid #DEE0E3; border-top: 0px none; border-left: 0px none; }
.ou_commitments_list > ul > li{ width: 50%; flex-shrink: 0; border-top: 1px solid #DEE0E3; border-left: 1px solid #DEE0E3; transition: var(--transition); }

.ou_commitments_list > ul > li:hover{ background: #FFFCF7; box-shadow: 0px 0px 26px 0px #FFFCF7; }



.ou_commitments_box{ padding: 2.5em; }

.ou_commitments_box figure{ display: block; width: 6em; margin-bottom: 1em; }
.ou_commitments_box figure img{ width: 100%; height: auto; display: block;}

.ou_commitments_box h3{ font-size: var(--fs24); line-height: 1em; font-family: var(--family_merri); font-weight:700; display: block; padding-bottom: 0.66em; color: var(--black); }

.ou_commitments_box p{ font-size: var(--fs20); line-height: 1.3em; color: var(--primary);   }

.max_w_none{ max-width: none !important;}

.insights_details_headlines{ text-align: left; max-width: 66.25em; padding-bottom: 2.2em; }
.insights_details_headlines.all_headline p{ margin-left: initial;}

.insights_sec_row{ width: 100%; padding-bottom: 2.5em; margin-bottom: 2.5em; border-bottom: 1px solid #DEE0E3; }

.insights_sec_row:last-child{ padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px none;}

.insights_sec_title{ display: flex; justify-content: space-between; align-items: center; gap: 2em; flex-wrap: wrap; padding-bottom: 2em; }

.insights_sec_title h3{ color: var(--black); font-size: var(--fs24); font-weight: 700; line-height: 1em; font-family: var(--family_merri); margin-right: auto;}

.insights_sec_title_right{ margin-left: auto;}


.insights_details_main{ max-width: 66.25em; margin: auto;}


.ins_details_banner{ width: 100%; position: relative; margin-bottom: 2.5em;}

.ins_details_banner figure{ display: block; width: 100%;  height: 36em; border-radius: 1.5em; overflow: hidden;}
.ins_details_banner figure img{ width: 100%; height: 100%; object-fit: cover; display: block; margin: auto;}


.ins_details_userInfo{ position: absolute;  left: 2em; bottom: 2em; z-index: 2;}

.ins_details_userInfo ul{ display: flex; gap: 24px;}

.ins_details_userInfo small{ display: block; color: #FFF;  font-size: var(--fs14); font-weight: 400; line-height: 120%; padding-bottom: 0.8em;  }
.ins_details_userInfo strong{ display: block; color: #FFF;  font-size: var(--fs18); font-weight: 500; line-height: 110%;  font-family: var(--family_gellix_medium); }
.ins_userProfile{ display: flex; align-items: center; gap: 10px;}
.ins_userAvatar{ width: 1.5em; height: 1.5em; border-radius: 50%; overflow: hidden; }
.ins_userAvatar img{ width: 100%; height: 100%; max-width: none; object-fit: cover; display: block;}

.ins_details_banner:before{ background: rgba(252, 138, 75, 0.60); filter: blur(315px); width: 267px;  height: 289px; content: ""; position: absolute; right: 0px; top: 0px; pointer-events: none;  }



.ins_intro_content{ width: 100%; display: flex; gap: 24px; }

.ins_intro_content_left{ width: 28%; flex-shrink: 0;}

.ins_intro_right{ width: 100%;}

.insIntroTableList{ width: 100%; position: sticky; top: var(--headerHeight);}

.insIntroTableList ul li{ padding-bottom: 0.5em;}

.insIntroTab_link{ position: relative; display: block; color: var(--primary); font-family: var(--family_merri);  font-size: var(--fs18);   font-weight: 400;  line-height: 140%; padding: 0.88em 0.28em 0.88em 0.28em; border-bottom: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: space-between; transition: var(--transition); }

.insIntroTab_link:hover{ border-bottom-color: rgba(255, 187, 54, 0.40);  background: #FFFCF7; box-shadow: 0px 0px 56px 0px #FFFCF7; }


.insIntro_data h2{ color: var(--p_color); font-size: var(--fs24); line-height: 1.2em; padding-bottom:0.6em; padding-top: 0.6em; font-family: var(--family_merri); font-weight: 700; }

.insIntro_data p, .insIntro_data li{ color: var(--p_color); font-size: var(--fs18); line-height: 1.4em; padding-bottom: 15px;  }

.insIntro_data strong, .insIntro_data p b{ font-weight: 700;}
.insIntro_data p em{ font-style: italic;}
.insIntro_data p a{ color: var(--orange); text-decoration: underline !important;} 
.insIntro_data p a:hover{ text-decoration: none !important;}


.insIntro_data figure{ display: block; width: 100%;  max-height: 46em; overflow: hidden;}
.insIntro_data figure img{ max-width: 100%; max-height: 100%; object-fit: cover; display: block; margin: auto;}


.insIntro_data ul{ list-style: disc outside; margin-left: 20px;}
.insIntro_data li{ padding: 8px 0px;}


.insIntro_data ol{ list-style: decimal outside; margin-left: 20px;  }
.insIntro_data ol ul{  padding: 0.6em 0px; }
.insIntro_data ol ul li{ padding: 0px;}
 
.insIntro_data h4{ color: var(--p_color); font-size: var(--fs16); font-weight: 700; line-height: 1.6em; padding-bottom: 6px;  }

.insIntro_sec{ padding-bottom: 1em;}


.insights_list{ width: 100%;}

.insights_list > ul{ display: flex; flex-wrap: wrap; margin: 0px -0.75em; }
.insights_list > ul li{ width: 33.33%; padding: 0em 0.75em 1.5em 0.75em; }

.insights_card{ display: block; transition: var(--transition); width: 100%; border-radius: 24px; border: 1px solid #EDEDED; background: #FFF; overflow: hidden; }

.insights_card_img{ width: 100%; height: 18em; overflow: hidden;}
.insights_card_img img{ width: 100%; height: 100%; display: block; max-width: none; object-fit: cover; transition:all 1.5s ease;}

.insights_card_info{ width: 100%; padding: 1.5em;}
.insights_card_info h4{ margin-bottom: 12px;}
.insights_card_info h4{ display: flex; justify-content: space-between; align-items: flex-start; color: var(--primary); font-size: var(--fs18);  font-family: var(--family_gellix_medium);  line-height: 120%; letter-spacing: -0.54px;  transition: var(--transition);}

.insights_card_info h4 i svg path{ transition: var(--transition); }

.insights_card_info h4 span{ display: -webkit-box;   line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;  }

.insights_card_info p{   font-size: var(--fs16);  line-height: 1.4em; margin-bottom: 1.33em; color: #646464; display: -webkit-box;   line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;  }

.insights_card_userRow{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
 
.insights_card_userRow small{ display: block; color: #646464; font-size: var(--fs14);  line-height: 1.4em; }
.insights_card_userRow strong{ display: block; color: #646464; font-size: var(--fs14);  line-height: 1.4em; }


.insights_card:hover{ border-color:  #DEE0E3; box-shadow: 2px 2px 48px 8px rgba(0, 0, 0, 0.06); transform: translateY(-6px); }

.insights_card:hover .insights_card_info h4{ color: #F3621D; }
.insights_card:hover .insights_card_info h4 i svg path{ stroke: #F3621D; }
.insights_card:hover .insights_card_img img{ transform: scale(1.05);}


/* start insights style here */
 
.insights_main{ padding-top:8.25em; }

.insights_main .all_headline.black h2{ background: none; -webkit-text-fill-color: var(--primary); color: var(--primary); }
.insights_main .all_headline.black p{ max-width: 640px; margin: auto; }


/* end insights style here */


/* start history style here */

.history_inner{ padding: var(--secPad) 0; background: url(../images/side_bg.png) no-repeat right top; }

.history_inner .au_content_header{ text-align: center; max-width: 1000px; margin: auto; }

.edge_main .au_content_header{ text-align: center; max-width:800px; margin: auto; }

.history_list_main{ padding: 0 0 10em; }

.history_list{ position: relative; }

.history_list ul{ padding: 5em 0 0; position: relative;  z-index: 1; }

.history_progress{ width: 10px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }

.history_progress_row::before, .history_progress_row::after, .history_progress_bar:after, .history_progress_bar::before{ content: ""; border: solid var(--light_gray); border-width: 0 3px 3px 0; display: inline-block; padding: 4px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: absolute; left: -6.5px; top: 0; }

.history_progress_row::after, .history_progress_bar:after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 100%; }

.history_progress_bar:after{ border-color: var(--orange);}
.history_progress_bar::before{ border-color: var(--orange);}

.history_progress_row{ border-left: 3px dashed var(--light_gray); position: absolute; left: 50%; top: 0; width: 100%; height: 100%;  }
.history_progress_bar{ display: none; border-left: 3px dashed var(--orange); position: absolute; left: 50%; top: 0; width: 100%;   } 

.history_year{ text-align: center; }

.history_year_inner{ display: inline-block; padding: 6px; border-radius: 6px; background-color: var(--white); }

.history_year span{ font-size: var(--fs24); line-height: 1.2em; font-family: var(--family_merri); font-weight: 700; background: linear-gradient(180deg, #646464 0.03%, #646464 100.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.history_year span.active{ background: linear-gradient(180deg, #FF9759 0.03%, #F3621D 100.04%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.history_row{ display: flex; align-items: center; gap: 6.25em; padding: 1.5em 0; }

.history_row_text{ width: 50%; }

.history_row_image{ width: 50%; }

.history_row_image figure{ width: 100%; display: block; border-radius: 16px; overflow: hidden; transition: var(--transition); }

.history_row_image figure img{ width: 100%; display: block; height: auto; transition: var(--transition); }

.history_row_image figure:hover img{ transform: scale(1.05);}

.history_row_text p{ font-size: var(--fs20); line-height: 1.2em; color: var(--text_grey); transition: var(--transition);}

.history_list ul li.active .history_row_text p{ color: var(--primary);}

.history_list ul li:nth-child(even) .history_row{ flex-direction: row-reverse; }
.history_list ul li:nth-child(even) .history_row_text{ text-align: right; }


.whowe_main .all_headline p {  max-width: 46.75em; }



/* end history style here */


.footer_bottom{ width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.2em; padding-top: var(--secPad); }

.footer_rights p{ color: var(--white); font-size: var(--fs16); line-height: 120%;}

.footer_socials ul{ display: flex; justify-content: flex-end; gap: 1.5em;}

.footer_socials ul a{ display: block;}
.footer_socials ul svg{ display: block;}
.footer_socials ul svg path{ transition: var(--transition);}
.footer_socials ul li a:hover svg path{ fill: var(--orange);}

 
.footer_terms ul{ display: flex; justify-content: flex-end; gap: 1.5em;}
.footer_terms a{ display: block;     color: var(--light_gray2); font-size: var(--fs16); line-height: 120%; transition: var(--transition);}

.footer_terms a:hover{ color: var(--orange);}



.banner_ref_inner{ display: flex;  justify-content: flex-start; white-space: nowrap;  overflow: hidden;}

 
.product_logo_slider{ display: flex; flex-shrink: 0; align-items: center; justify-content: flex-start;  animation: marquee 40s linear infinite; float: left; width: max-content;  }
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); } 
}
 
.product_logo_slider_li{ padding: 0px 28px; position: relative; }

.banner_ref_inner:hover .product_logo_slider{  animation-play-state: paused; }
 
  



/*  */

.getTouch_map{ width: 100%; position: relative;}
.getTouch_map img{ width: 100%; display: block;}

.gt_pin{ position: absolute; left: 13%; top: 34%;  width: 10px; height: 10px; border-radius: 50%; }
.gt_pin.gt_pin2{ left: 42%;  top: 27%; }
.gt_pin.gt_pin3{ left: 40%; top: 44%; }
.gt_pin.gt_pin4{ left: 62%; top: 43%; }
.gt_pin.gt_pin5{ left: 69%; top: 33%; }



.tooltip-box {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 13em;
  border: 1px solid #FF9759;
  background-color: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  z-index: 1;  transition: var(--transition);
} 

.tooltip-box_inner{  background-color: white; position: relative; padding:10px 15px; z-index: 1;  border-radius: 10px; text-align: center;  transition: var(--transition); }

.tooltip-box .tooltip-arrow {
  position: absolute;
  bottom: -8px;
  left: 50%; z-index: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background-color: var(--white);
  border: 1px solid #FF9759;
  
}


.tooltip-box_inner{ display: flex; flex-direction: column; gap: 0px; transition: var(--transition); }

.tooltip-box h4{ font-family: var(--family_merri); font-weight: 700; font-size: var(--fs16); text-align: center; color: var(--primary);}
 
.tooltip-box p{  font-weight: 400; font-size: var(--fs16); text-align: center;  color: var(--primary); line-height: 1.2em;   overflow: hidden; visibility: hidden; opacity: 0; max-height: 0px; transition: var(--transition);  }

.tooltip-box:hover p{ visibility: visible; opacity: 1; max-height: 100px;  }

.tooltip-box:hover .tooltip-box_inner{  gap: 8px; }

.gt_pin.gt_pin4 .tooltip-box { bottom: initial; top: 100%;}
.gt_pin.gt_pin4 .tooltip-box .tooltip-arrow { bottom: initial; top: -8px;}


.gt_pin:hover{ z-index: 99; }



.insights_hamburgar{ width: 100%; padding-bottom: 2.5em;}
.insights_hamburgar ul{ display: flex; align-items: center; gap: 4px; flex-wrap: wrap;}
.insights_hamburgar ul li{ display: flex; align-items: center; gap: 4px; font-size: var(--fs16); color: var(--primary); }

.insights_hamburgar ul li a{ display: block;  color: var(--primary); font-family: var(--family_gellix_medium); transition: var(--transition); }

.insights_hamburgar ul li a:hover{ color: var(--orange);}
.insights_hamburgar ul li span{ color: #646464; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.insights_hamburgar ul li:last-child{ color: #646464; }

.insights_details_main .insights_hamburgar ul li span{  max-width: 250px; }





.privacy_section{ padding-bottom: 15px; }

.privacy_section strong, .privacy_section b{ font-size: var(--fs18); line-height: 1.5em; font-weight: 700; color: var(--primary); display: block; padding-bottom: 10px; }

.privacy_section b{ font-size: var(--fs14); padding: 15px 0px; }
.privacy_section p{ padding-bottom: 15px;}
.pad0{ padding: 0px !important;}
.privacy_section p, .privacy_section li{ font-size: var(--fs16); line-height: 1.5em; color: var(--primary);  }

.privacy_section ul{ padding:10px 0px 0px 20px; }
.privacy_section ol{ padding:0px 0px 15px 10px; }

.privacy_section ul li{ list-style: disc; }
.privacy_section li span{ min-width: 60px; margin-right: 5px; display: inline-block; }


.privacy_section ol li{ list-style: upper-roman; }
.privacy_section ol li::marker{ color: var(--orange); }

.privacy_section a{ color: var(--orange);;transition: all 0.3s ease; text-decoration: underline; }
.privacy_section a:hover{ text-decoration: none !important;}




.insightsCommingSoonSac{ max-width: 50.5em; margin: auto;}

.insightsCommingSoonvactor{ width: 100%; position: relative; padding-top: var(--secPad); max-width: 70%; margin: auto;}



.insightsCommingSoonvactor img{ margin: auto; width: 100%; height: auto; display: block;}



.cookie-banner {

  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: left;
  z-index: 1000;

}


.postLogo{ height: 2.8em;  display: flex; align-items: center; min-width: 50px;} 

.postLogo img{ display: block; max-height: 2.8em; width: auto; display: block;}