@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap');

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro-SemiBold.eot');
    src: url('../fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro-SemiBold.woff2') format('woff2'),
        url('../fonts/SofiaPro-SemiBold.woff') format('woff'),
        url('../fonts/SofiaPro-SemiBold.ttf') format('truetype'),
        url('../fonts/SofiaPro-SemiBold.svg#SofiaPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro-Medium.eot');
    src: url('../fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro-Medium.woff2') format('woff2'),
        url('../fonts/SofiaPro-Medium.woff') format('woff'),
        url('../fonts/SofiaPro-Medium.ttf') format('truetype'),
        url('../fonts/SofiaPro-Medium.svg#SofiaPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro-Bold.eot');
    src: url('../fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
        url('../fonts/SofiaPro-Bold.woff') format('woff'),
        url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
        url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro.eot');
    src: url('../fonts/SofiaPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro.woff2') format('woff2'),
        url('../fonts/SofiaPro.woff') format('woff'),
        url('../fonts/SofiaPro.ttf') format('truetype'),
        url('../fonts/SofiaPro.svg#SofiaPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro-Black.eot');
    src: url('../fonts/SofiaPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaPro-Black.woff2') format('woff2'),
        url('../fonts/SofiaPro-Black.woff') format('woff'),
        url('../fonts/SofiaPro-Black.ttf') format('truetype'),
        url('../fonts/SofiaPro-Black.svg#SofiaPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.3s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #BCD754;
    --clr-secondary: #1C202C;
    --clr-body: #1C202C;
    --clr-white: #fff;
    --clr-light-blue: #EEF0F2;
    --clr-lighter-grey: #F3F7FA;
    --clr-black: #000000;
    --clr-light-black: #1E1E1E;
    
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-bnr-head:"Sofia Sans", sans-serif;
    --ff-base: 'Sofia Pro';
    --ff-title: 'Sofia Pro';
    --ff-awesome: "Font Awesome 6 Free";
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    /*--f-size-XXL: 80px; 
    --f-size-XL: 65px; 
    --f-size-L: 30px; 
    --f-size-M: 27px; 
    --f-size-S: 20px; 
    --f-size-Body: 18px;*/

    --f-size-XXL: 60px; /* h1 */
    --f-size-XL: 42px; /* h2 */
    --f-size-L: 28px; /* h3 */
    --f-size-M: 24px; /* h4 */
    --f-size-S: 20px; /* h5 */
    --f-size-Body: 20px; /*p*/
    
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --margin-paragraph: 0 0 20px 0;

    --button-border-width: 1px;
    --button-border-style: solid;
    --button-broder-radius: 10px;
    --button-broder-color: var(--clr-accent);
    --button-bg-color: var(--clr-accent);
    --button-font-size: var(--f-size-Body);

    --border-radius-image: 10px;
    --padding-height: clamp(60px, 9.76563vw, 100px);
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 45px;
    --form-font-size: 16px;
    --form-font-color: #777;
    --form-placeholder-color: #868686;
    --form-border-radious: 8px;
    --form-holder-bg: #f3f3f3;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}


/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */

:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-body); margin: 0;}
:is(p):not(:last-child){ margin: var(--margin-paragraph);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-title); font-weight: var(--fw-semi-bold); color: var(--clr-body); margin: var(--margin-title); text-transform: uppercase;}
:is(h1,.h1){ font-size: var(--f-size-XL); font-family: var(--ff-bnr-head);font-weight: 800;}
:is(h2,.h2){ font-size: var(--f-size-L);}
:is(h3,.h3){ font-size: var(--f-size-M);}
:is(h4,.h4){ font-size: var(--f-size-S);}
:is(h5,.h5){ font-size: var(--f-size-XS);}
:is(h6,.h6){ font-size: var(--f-size-Body); font-weight: var(--fw-semi-bold);}

.bnr-cont-inner h1 {
    font-size: 50px;
}

/*--f-size-XXL: 80px;
    --f-size-XL: 65px;
    --f-size-L: 30px;
    --f-size-M: 27px;
    --f-size-S: 20px;
    --f-size-Body: 18px;*/


 @media only screen and (max-width: 1800px) {
    :root{
        --f-size-XXL: 52px;
        --f-size-XL: 42px;
        --f-size-L: 26px;
        --f-size-M: 23px;
        --f-size-S: 18px; /* h5 */
        --margin-title: 0 0 20px 0;
    };
}

 @media only screen and (max-width: 1599px) {
    :root{
        --f-size-XXL: 42px;
        --f-size-XL: 36px;
        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 16px; /* h5 */
    };
}

@media only screen and (max-width: 1399px) {
    :root{
        /*--f-size-M: 22px;
        --f-size-S: 16px;*/

        --f-size-XXL: 38px;
        --f-size-XL: 32px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --f-size-Body: 15px;
        --f-size-S: 15px; /* h5 */
        --margin-title: 0 0 20px 0;
    };
}

@media only screen and (max-width: 1199px) {
    :root{
        --f-size-XXL: 35px;
        --f-size-XL: 30px;
        /*--f-size-L: 24px;*/
        --f-size-Body: 14px;
        --margin-paragraph: 0 0 20px 0;
    };
}

@media only screen and (max-width: 991px) {
    :root{
        --f-size-XXL: 32px;
        --f-size-XL: 28px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        /*--f-size-S: 16px;*/
        /*--f-size-Body: 16px;*/
        --margin-title: 0 0 15px 0;
        --margin-paragraph: 0 0 15px 0;
    };
}

@media only screen and (max-width: 575px) {
    :root{
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-L: 19px;
        --f-size-M: 17px;
        --f-size-S: 14px;
        --f-size-Body: 14px;
    };
}

/* ~-~-~-~-~-~-~-~-~-~ global font settings end ~-~-~-~-~-~-~-~-~-~ */

/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~ */ 
/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
html{ overflow-x: hidden;}
body{ margin: 0; overflow-x: hidden;}
ul{list-style: none; margin: 0; padding: 0;}
img{ max-width: 100%; }
a, img{ border: none; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}

.common-padding{padding-top: 70px; padding-bottom: 70px;}
.center-heading{margin: 0 auto; text-align: center;}
.mt-60{margin-top: 60px;}
/* ==##==##== container adjustments ==##==##== */

@media (min-width: 1200px) {
    .container { max-width: 1080px;}
}
@media (min-width: 1499px) {
    .container { max-width: 1200px;}
}
@media only screen and (min-width: 1600px) {
	.container { max-width: 1400px;}
}
@media only screen and (min-width: 1800px) {
	/*.container { max-width: 1745px;}*/
    .container { max-width: 1576px;}
}

/* @media only screen and (min-width: 1740px) {
	.container { max-width: 1594px; }
} */
/* ==##==##== container adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */
.button__primary, .header__button a{ display: inline-flex; background: var(--button-bg-color); border: var(--button-broder-color); border-width: var(--button-border-width); border-style: var(--button-border-style); border-radius: var(--button-broder-radius); font-size: var(--button-font-size); font-weight: var(--fw-semi-bold); line-height: 1; color: var(--clr-white); padding: 19px 75px 19px 40px; position: relative; transition: var(--transition-common);}
.button__primary:not(input[type="submit"]):before, .header__button a::before{ content: ""; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); background: url(../images/arrow-right.svg); background-repeat: no-repeat; background-position: top center; background-size: 100%; width: 24px; height: 24px; filter: brightness(0) invert(1); transition: var(--transition-common);}
.button__primary:hover, .header__button a:hover, .button__primary:focus-visible, .button__primary:active, .button__primary:focus{ background: var(--clr-white); color: var(--button-bg-color);}
.button__primary:not(input[type="submit"]):hover::before, .header__button a:hover::before{ right: 35px; filter: inherit;}

.btn { background-color: var(--clr-primary); /*padding: 16px 30px; font-size: 17px;*/ padding: 14px 25px; font-size: 16px; font-family: var(--ff-base); text-transform: uppercase; border-radius: 0px; color: var(--clr-secondary); border: 2px solid var(--clr-primary); font-weight: var(--fw-medium); line-height: 1; }
.btn:hover {  background-color: var(--clr-secondary); color: var(--clr-white);border: 2px solid var(--clr-primary);}

.btn.dark { background-color: var(--clr-secondary);  color: var(--clr-white); border: 2px solid var(--clr-secondary);font-weight: var(--fw-medium); }
.btn.dark:hover {  background-color: var(--clr-primary); color: var(--clr-secondary);border: 2px solid var(--clr-secondary); }
@media only screen and (max-width: 1399px){
    .button__primary, .header__button a{ font-size: 17px;}
}
@media only screen and (max-width: 1199px){
    .button__primary, .header__button a{ padding: 16px 50px 16px 20px;}
    .button__primary::before, .header__button a::before{ width: 20px; height: 20px; right: 20px;}
    .button__primary:hover::before, .header__button a:hover::before{ right: 17px;}
}
@media only screen and (max-width: 1399px){
    .button__primary, .header__button a{ font-size: 16px;}
}
/* ==##==##== button settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-control, .form-select{ height: var(--form-height); border: none; font-size: var(--form-font-size); color: var(--form-font-color); font-size: var(--f-size-Body); padding-inline: 24px; border-radius: 0;}

.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control:focus, .form-select:focus { box-shadow: none; border-color:#9D9D9D;  }
.form-row{ margin-bottom: 30px;}

button, input, optgroup, select, textarea { padding: 10px; }
/* ==##==##== form control settings ==##==##== */

/* ==##==##== utility classes ==##==##== */
.image-adjustment{ position: relative; overflow: hidden;}
.image-adjustment img{ display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

/* with single left line */
.sub-title{ width: fit-content; font-weight: var(--fw-medium); font-size: 16px; color: var(--clr-accent); text-transform: uppercase; padding-left: 100px; position: relative;}
.sub-title::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 80px; height: 2px; background: var(--clr-accent); margin: auto 0;}

/* with dual line both left and right */
.sub-title.text-center{ margin-inline: auto; padding-right: 100px;}
.sub-title.text-center::after{ content: ""; position: absolute; inset: 0 0 0 auto; width: 80px; height: 2px; background: var(--clr-accent); margin: auto 0;}

.bg---light-grey{ background: var(--clr-light-grey);}

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #F3F3F3; opacity: 1; font-weight: 400; font-size: 14px;}
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #F3F3F3; font-weight: 400;font-size: 14px;}
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #F3F3F3; font-weight: 400;font-size: 14px;}
::-webkit-input-placeholder {
    text-transform: capitalize;font-weight: 400;font-size: 14px;
 }
 
 :-moz-placeholder { 
    text-transform: capitalize;font-weight: 400;font-size: 14px;
 }
 
 ::-moz-placeholder {  
    text-transform: capitalize;font-weight: 400;font-size: 14px;
 }
 
 :-ms-input-placeholder { 
    text-transform: capitalize;font-weight: 400;font-size: 14px;
 }


/* --- for placeholder color --- */
/* ==##==##== utility classes ==##==##== */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */


/* header start */

/* header start */

.main-header { width: 100%; padding:  0; /*background-color: transparent;*/ background: linear-gradient(to bottom, rgba(28, 32, 44, 0.5), rgba(28, 32, 44, 0.0)); position: fixed; width: 100%; left: 0; right: 0; margin: 0 auto; border-bottom: 5px solid var(--golden); top: 0; z-index: 999; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
/* .main-header:after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, #000000 0%, rgba(34, 39, 42, 0) 136.21%); z-index: 0; } */

.main-header.fixed {background-color: var(--clr-secondary);}
.main-header.fixed .main-header-wrap { border: 0; padding: 20px 0; }
/* .main-header.fixed ul.nav li a, .main-header.fixed ul.nav-left li a { padding: 34px 0; } */
.main-header.fixed .hdr-logo-img a img { /*max-width: 100px;*/ /*max-width: 80px;*/ max-width: 160px;}
.main-header.fixed ul.nav li a { padding: 32px 0; }
.main-header.fixed ul.nav li ul.sub-menu li a { padding: 10px; }

.hdr-logo-img a, .hdr-logo-img a img { /*max-width: 120px;*/ /*max-width: 100px;*/ max-width: 230px; width: 100%; transition: all 0.5s; display: block; }
.logo-wrap { width: 7%; }
.header-right { justify-content: flex-end; width: 78%; align-items: center; }
.main-header-wrap { justify-content: space-between; align-items: center; position: relative; z-index: 999; padding: 22px 0px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/}
.main-header-wrap a{color: #fff;}
/* .main-header ul.nav a:hover{color: var(--primary);} */
.main-header ul.nav li a, .main-header ul.nav-left li a { padding: 22px 0; font-size: 17px; font-weight: var(--fw-medium); font-family: var(--ff-title); text-transform: uppercase; }
/* .main-header.fixed ul.nav li a, .main-header.fixed ul.nav-left li a { padding: 33px 0;  } */
.main-header ul.nav li { padding: 0px 76px 0 0; }
.main-header ul.nav li.menu-item-has-children {padding: 0 80px 0 0;}
.main-header ul.nav-left { display: flex ;margin-bottom: 0; }

/* .main-header ul.nav li:last-child { padding-right: 0; } */
 .navigation ul li.current-menu-item a {  color: var(--clr-primary); }
.hdr-social-media { /*width: 17%;*/ width: auto; margin-left: 25px; display: flex; justify-content: end; align-items: center; }
.hdr-social-media label { gap: 16px; display: inline-flex; align-items: center; }
.hdr-social-media-icon-wrap h6{color: var(--white); font-size: 16px; margin-bottom: 0;}
.hdr-social-media-icon-wrap ul { display: flex; align-items: center; gap: 16px;margin-bottom: 0; }
.hdr-social-media-icon-wrap { display: flex; align-items: center; gap: 50px; }
.hdr-social-media-icon-wrap ul li a {color: var(--white);}

.hdr-social-media {  display: flex; justify-content: end;align-items: center; }
.hdr-social-media-icon-wrap-desktop{display: none;}

.social-icon-wrap ul { display: flex ; align-items: center; margin-bottom: 0; }
.container-lg{max-width: 1744px; width: 100%;}
.social-icon-wrap ul li a { border: 1px solid #8E8E8E; width: 70px; height: 70px; display: flex ; align-items: center; justify-content: center; border-radius: 50px; font-size: 27px; color: #8E8E8E; }
.social-icon-wrap ul li:not(:last-child){margin-right: 10px;margin-left: 10px;}
.mobile-menu{display: none;}
/* header end */


/* * sticky start */ 

/* .main-header.fixed { padding: 9px 0; left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 999; background-color: var(--black);} */
/* .main-header.fixed .hdr-logo-img { max-width: 230px; }
.main-header.fixed .social-icon-wrap ul li a {width: 50px; height: 50px;font-size: 22px;} */
@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/* sticky end */
/* hamburger start */
.close-nav{display: none;}

.hamburger-nav { position: relative; width: 27px; height: 21px; z-index: 1; display: none; }
.hamburger-nav span{width: 100%; height: 3px; background-color: var(--primary); position: absolute;}
.hamburger-nav span:first-child{top: 0;}
.hamburger-nav span:nth-child(2){top: 8px;}
.hamburger-nav span:last-child{top: 16px;}

.hamburger { display: none; height: 26px; margin-right: 0px; }
.hamburger a.main-nav-toggle { display: block; width: 25px; height: 25px; position: relative; }
.hamburger a.main-nav-toggle:after, .hamburger a.main-nav-toggle:before { content: ""; position: absolute; top: 4px; height: 0; border-bottom: 2px solid var(--clr-white); width: 100%; left: 0; right: 0; transition: all ease-out 0.3s; }
.hamburger a.main-nav-toggle:after { top: 22px; }
.hamburger a.main-nav-toggle i { display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; height: 2px; background-color: var(--clr-white); width: 100%; position: absolute; top: 50%; transition: all ease-out 0.1s; }
.hamburger a.main-nav-toggle.active-menu:after { transform: rotate(-45deg); transform-origin: center; top: 50%; }
.hamburger a.main-nav-toggle.active-menu:before { transform: rotate(45deg); transform-origin: center; top: 50%; }
.hamburger a.main-nav-toggle.active-menu i { opacity: 0; }

/* hamburger end */    

body.open { height: 100vh; overflow: hidden; }
body.fixed-gap { margin-top: 94px; }



/* .main-header.header-sticky { left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; background-color: rgb(255 255 255 / 86%); backdrop-filter: blur(10px); } */
.header-is-fixed { padding-top: 131px; }
/* header.main-header.fixed ul.nav li { padding: 15px 15px 15px 0; } */
header.main-header.fixed ul.nav li a, header.main-header.fixed ul.nav-left li a {  font-size: 16px; }
header.main-header.fixed ul.social-icon-wrap li a{  font-size: 14px; }


@keyframes slide-down {
  0% {
      opacity: 0;
      transform: translateY(-100%);
  } 
  100% {
      opacity: 1;
      transform: translateY(0);
  } 
}

/* sub menu */
li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children > ul.sub-menu { display: none; position: absolute; background: #FFF; box-shadow: 0px 4px 6px 0px rgba(46, 45, 45, 0.16); min-width: 295px; z-index: 1; margin-top: 14px; left: -7px; padding: 0px; list-style: none; }
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--clr-body-font);
    ;font-weight: 400;margin-right: 0;padding: 10px 15px;font-size: 16px;}
/* li.menu-item-has-children > ul.sub-menu > li:hover > a { color: var(--secondary) !important; } */
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover a::after { transform: translate(0%, -19%) rotate(180deg); color: var(--primary); }
li.menu-item-has-children > ul.sub-menu li { margin: 0; }
li.menu-item-has-children ul.sub-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 10px;} 
.main-header ul.sub-menu li:last-child { padding-right: 10px; }
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}
ul.sub-menu .current_page_item a { color: var(--secondary) !important; }
/* ul.nav li a:hover { color: var(--primary); } */
ul.lang-btn li a { display: flex; align-items: center; gap: 5px; padding: 5px 22px 5px 5px; border: 2px solid white; border-radius: 41px; }
ul.lang-btn li a:hover { color: var(--secondary); border: 2px solid var(--secondary); }
li.menu-item-has-children > a::after { position: absolute; top: 4px; content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 11px; margin-left: 0; color: var(--green); transition: var(--common-transition); right: 50px; }
ul.lang-btn li { padding: 20px 0; }
.header-social-media-toggle{display: none;}
/* sub sub menu dropdown start */
.navigation ul>li ul.sub-menu li a:hover { background: var(--primary); color: var(--white); } 
.navigation ul>li ul.sub-menu li ul.sub-menu { left: 100%; top: -36px; display: none; margin: 0; }
.main-header ul.nav li ul.sub-menu li a:hover { color: var(--clr-primary); }
/* .navigation ul>li ul.sub-menu li.menu-item-has-children > a::after { transform: translate(0%, -50%); font-size: 14px; right: 10px; } */
.navigation ul>li ul.sub-menu li.menu-item-has-children:hover > a::after { transform: rotate(-90deg); }
.minus, .plus{display: none;} 
@media only screen and ( min-width:1199px ){
.navigation ul>li ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu { display:block; }  
}
.navigation h3{color: var(--clr-white); text-align: center; font-weight: 400;letter-spacing: 9px;}
.navigation ul.nav li ul.sub-menu li.current-menu-item a { border: none; color: var(--clr-primary) !important; }
/* sub-sub-menu */
.navigation ul li.current-menu-item ul.sub-menu li a { border: none; }
ul.nav li ul.sub-menu li.menu-item-has-children  a::after { top: 40% !important; }
li.menu-item-has-children ul.sub-menu li.menu-item-has-children{padding: 10px;}
/* sub-sub-menu */

.default-content {min-height: 60vh;}

/**** -----home page----- ****/

/* banner section */
.banner-section { min-height: 100vh; position: relative; display: flex; align-items: center; }
.banner-section::after{position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #1C202C 0%, rgba(28, 32, 44, 0) 100%);}

.bann-hom-pic { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.bann-hom-pic img, .bann-hom-pic video { width: 100%; height: 100%; object-fit: cover;}

.bnr-cont-outer-wrap { width: 100%; height: 100%; display: flex; align-items: center; }
.bnr-cont-inner { max-width: 1140px; position: relative; z-index: 2; margin-top: 100px; }
.bnr-cont-inner h1 span {display: block;}
/* .bnr-cont-inner h1 strong{color: var(--clr-primary); display: block;} */
.bnr-cont-inner h4 {margin-bottom: 50px;}
.bnr-cont-inner h1 {margin-bottom: 0;}
.bnr-cont-inner h2 strong{color: var(--clr-primary); display: block;}
.bnr-cont-inner h2 {color: var(--clr-white);}

.bnr-cont-inner p { color: var(--clr-white); font-size: var(--f-size-Body); font-weight: 500; }
.bnr-cont-inner h1,.bnr-cont-inner h3 {  color: var(--clr-white); }

.bnr-cont-inner ul { display: flex; flex-flow: row wrap; margin-top: 60px; /*max-width: 476px; justify-content: space-around;*/ align-items: center;}
.bnr-cont-inner ul li{/*width: 25%;*/ width: auto; position: relative; /*display: flex; justify-content: center;*/ padding: 0 25px;}
.bnr-cont-inner ul li:not(:last-child):after{position: absolute; content: ""; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.1); top: 0; right: 0;}
.bnr-cont-inner ul li:first-child { padding-left: 0;}
/*.bnr-cont-inner ul li:last-child { padding-right: 0;}*/

.bnr-cont-inner h4 {color: var(--clr-white); font-weight: 300;}


/* banner section */


/* introduce accord group  */
.introduce-accord-group{background-color: var(--clr-light-blue);}
/*.introduce-accord-group .row { align-items: center; }*/
/*.intro-grp-cont-innerwrap { max-width: 860px; margin: 0 auto; }*/
.intro-grp-cont-innerwrap { max-width: 804px; margin: 0 0; margin-left: 120px;}
.intro-grp-cont-innerwrap h6{text-transform: none;}
.intro-grp-cont-innerwrap h6 em{color: var(--clr-primary);}

.intro-grp-cont-innerwrap>ul{padding: 45px 45px 0;border-top: 1px solid rgba(0, 0, 0, 0.2);margin-top: 40px;}
.intro-grp-cont-innerwrap>ul>li { position: relative; padding-bottom: 40px;padding-left: 30px; }
.intro-grp-cont-innerwrap>ul>li::before { position: absolute; content: ""; background-image: url(../images/bullet-arrow.svg); top: 5px; left: 0; background-size: 100%; width: 19px; height: 21px; background-repeat: no-repeat; }

.intro-accord-grp { position: relative; padding: 0 0 109%; }
.intro-accord-grp img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }

.type-of-intro { background-color: var(--clr-white); padding: 40px; border-radius: 10px;height: 100%;}
.intro-icon { width: 100px; height: 100px; background-color: var(--clr-primary); display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
/* introduce accord group  */

/* <!-- Our Values --> */
.our-products-slider-img { position: relative; padding: 0 0 64%; }
.our-products-slider-img::before{position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0;background: linear-gradient(41.09deg, #1C202C 11.98%, rgba(28, 32, 44, 0) 79.29%);width: 100%;height: 100%;z-index: 1;}
.our-products-slider-img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }

.our-products-slider-cont{position: absolute; left: 60px; bottom: 60px; z-index: 1; padding-right: 120px;z-index: 2;}
.our-products-slider-img a.btn { position: absolute; bottom: 0; right: 0; width: 100px !important; height: 100px !important; background-image: url(../images/btn-arrow.svg); background-size: 22px; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; cursor: pointer;z-index: 2;}

.our-products-slider-cont h4,.our-products-slider-cont p{color: var(--clr-white);}
.our-products-slider-inner{margin: 0 10px;}
.our-products-slider-cont h4 { max-width: 362px; }
.our-products-slider-cont p { max-width: 591px; }
.products-content h4 span {display: block;}
.products-content {text-align: center;}
/* .products-content p {min-height: 120px;} */

.slick-prev, .slick-next { width: 80px; height: 80px; border: 1px solid var(--clr-primary); border-radius: 50px; z-index: 2;backdrop-filter: blur(5px); display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.7);}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background-color: rgba(255, 255, 255, 0.9);}
.slick-prev:before { background-image: url(../images/prev-arrow.svg); background-repeat: no-repeat; background-size: 14px; width: 70px; height: 70px; content: ""; display: block; background-position: center  center; }

.slick-next:before { background-image: url(../images/next-arrow.svg); background-repeat: no-repeat; background-size: 14px; width: 70px; height: 70px; content: ""; display: block; background-position: center  center; }

.text-center.mt-60 h6 { display: inline-block; background-color: var(--clr-primary); padding: 5px; font-style: italic; font-weight: 500; margin: 0;    text-transform: none; }
/* <!-- Our Values --> */

/* our-client-slider */
.our-clients-slider-item-img { height: 122px; display: flex; align-items: center; justify-content: center; padding: 25px;}
.our-clients-slider-item-img img{ object-fit: contain; height: 100%;}
/*.our-clients-slider .our-clients-slider-item:nth-child(1) .our-clients-slider-item-img{align-items: flex-start;}*/
/* our-client-slider */
/* our industry */
.our-industry-sec{background-color: var(--clr-light-blue);}
.our-industry-inner-wrap { margin: 0; }
.our-clients-slider-sec .center-heading { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/* our industry */

/* footer section */
.footer-section {background-color: var(--clr-secondary);}
.upper-ftr .row { align-items: center; }
.ftr-menu ul { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.find-on-social-media { display: flex; }
.ftr-menu ul li a{color: var(--clr-white); text-transform: uppercase;font-size: 16px;}
.ftr-menu ul li a:hover{color: var(--clr-primary);}
.ftr-menu ul li:not(:last-child) { padding-right: 75px; }
.social-media-icons ul li p{color: var(--clr-white);}
.social-media-icons ul { display: flex; align-items: center; justify-content: flex-end;}
.social-media-icons ul li:not(:last-child) { margin-right: 18px;}


.lwr-ftr .container{border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 15px;}
.lwr-ftr p{color: #B9B9B9; font-size: 14px;}


/**************************-- inner-pages(Start) --**************************/

/*-- about-pages(Start) --*/

.inner-banner-section{min-height: 500px; align-items: flex-end;}
.inner-banner-section .bann-breadcrumb{margin-top: 80px; margin-bottom: 50px;}
.bann-breadcrumb .breadcrumb-item+.breadcrumb-item::before{ background-image: url(../images/breadcrumb-arrow.png); background-repeat: no-repeat; background-position: center center; width: 6px; height: 11px; content: ""; position: absolute; left: 5px; top: 9px;}
.bann-breadcrumb .breadcrumb-item:not(:first-child){ padding-left: 18px;}
.bann-breadcrumb .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color);}

.bann-breadcrumb li.breadcrumb-item { position: relative;}
.bann-breadcrumb li.breadcrumb-item a{color: var(--clr-white);}
.bann-breadcrumb li.breadcrumb-item.active, .bann-breadcrumb li.breadcrumb-item a:hover {color: var(--clr-primary);}

.introduce-accord-group.about-introduce-accord{background-color: var(--clr-white);}
.introduce-accord-top { border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*margin-bottom: 70px;*/ margin-bottom: 50px;}
.introduce-accord-top h2 { margin: 0 auto 20px; color: #bcd754;}
.introduce-accord-top h6 { text-transform: none;}
.introduce-accord-top h6 em {color: var(--clr-primary);}

.intro-grp-cont-innerwrap blockquote {margin: 0 0 1rem; background: #bcd754; padding: 20px; border-radius: 10px;}

.trust-logo-list{border: 1px solid rgba(0,0,0,0.2); border-radius: 10px; padding: 25px 30px; display: inline-block;}
.trust-logo-list ul{list-style: none; display: flex; flex-flow: row wrap; margin-top: 0; border-top: none; padding: 0;}
.trust-logo-list ul li{position: relative; padding: 0 28px;}
.trust-logo-list ul li:before{display: none;}
.trust-logo-list ul li:after{position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: rgba(0,0,0,0.2); content: "";}
.trust-logo-list ul li:last-child:after{display: none;}
.trust-logo-list ul li:first-child{ padding-left: 0;}
.trust-logo-list ul li:last-child{ padding-right: 0;}

.about-introduce-accord .intro-grp-cont-innerwrap>ul { padding: 0 0; border-top: none; margin-top: 0px;}
.about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px;}
.introduce-accord-group.about-introduce-accord .intro-accord-grp{border-right: 20px solid var(--clr-primary);}
.introduce-accord-group.about-introduce-accord .intro-accord-grp { height: 100%;}

.about-vision-box{background-color: var(--clr-primary); height: 100%;}
.about-vision-bottom{padding: 40px;}
.about-vision-pic { position: relative; padding-top: 50%;}
.about-vision-pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; bottom: 0; left: 0;}

.about-vision-bottom h2{display: -webkit-box;
  min-height: 235px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.about-vision-bottom h2 a{color: var(--clr-secondary);}
.about-vision-bottom h2 a:hover{color: var(--clr-black);}
/*.about-vision-bottom p{display: -webkit-box;
  min-height: 120px;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}*/
  .common-bg{background-repeat: no-repeat; background-position: top center; background-size: cover;}
  .about-industry-sec { padding-top: 40px;}
  .about-industry-row{padding-top: 215px; position: relative;}
  .about-industry-row:before{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, black, transparent); content: "";}

  .about-industry-wrap{display: flex; flex-flow: row wrap; position: relative;}
  .about-industry-left{width: 50%; background-color: rgba(28,32,44,0.5); padding: 20px 40px 10px; display: flex; flex-flow: row wrap; align-items: center;}
  .about-industry-right{width: 50%; background-color: var(--clr-primary); padding: 0px 0 0;}
  .about-industry-left h2{color: var(--clr-white);/* font-size: 5.21vw;*/ margin-bottom: 0;}
  .about-industry-left h2 span{color: var(--clr-primary);}
  
  .about-industry-list ul{padding-left: 0; margin: 0;}
  .about-industry-list ul li{position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*padding: 20px 20px 20px 55px;*/ padding: 15px 15px 15px 50px;}
  .about-industry-list ul li:last-child{border-bottom: none; /*padding-bottom: 0px;*/}
  .about-industry-list ul li:before{ position: absolute; content: ""; background-image: url(../images/black-angle.svg); top: 25px; left: 25px; background-size: 100%; width: 9px; height: 10px; background-repeat: no-repeat;}

/*-- about-pages(End) --*/

/*-- products-pages(Start) --*/

.products-box{/*padding: 35px 25px;*/ padding: 20px 15px; background-color: var(--clr-light-blue); height: 100%;position: relative;}
.products-pic{position: relative; padding-top: 59%; overflow: hidden;}
.products-pic img{position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}
.products-content{/*padding-top: 35px;*/ padding-top: 25px; padding-bottom: 45px;}
.products-content a.btn {position: absolute; width: 50%; left: 0; right: 0; bottom: 15px;margin:0 auto;}
.products-content h4 a{color: var(--clr-secondary);}
.products-content h4 a:hover{color: var(--clr-primary);}
.image-hover img{transition: all 0.6s ease-in-out 0s;}
.image-hover:hover img{transform: scale(1.1);}
.products-tab-design .tab-content { /*padding-top: 50px;*/ padding-top: 20px;}
.products-tab-design .nav-pills li.nav-item:not(:last-child){margin-right: 8px;}
.products-tab-design .nav-pills .nav-link { border: 1px solid var(--clr-primary); border-radius: 0; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; color: var(--clr-secondary); padding: 14px 25px;}
.products-tab-design .nav-pills .nav-link.active, .products-tab-design .nav-pills .nav-link:hover {background-color: var(--clr-primary); color: var(--clr-secondary);}

.light-blue-bg{background-color: var(--clr-light-blue);}

.accordion-plus-minus.accordion-design .accordion-button::after { background-image: url(../images/accordion-plus-icon.png); width: 13px; height: 13px; background-position: center center; background-size: cover;}
.accordion-plus-minus.accordion-design .accordion-button:not(.collapsed)::after { background-image: url(../images/accordion-minus-icon.png); width: 13px;
    height: 2px;}
.accordion-design .accordion-header{margin-bottom: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.accordion-design .accordion-button{font-weight: var(--fw-semi-bold); color: var(--clr-secondary); background-color: transparent; padding-left: 0; padding-right: 0;}
.accordion-design .accordion-button:focus{box-shadow: none; outline: none;}

.accordion-design .accordion-button:not(.collapsed){box-shadow: none; background-color: transparent; color: var(--clr-secondary); /*color: var(--clr-primary);*/}
.accordion-design .accordion-item {
    color: #5C616E; background-color: transparent;  border: none;}
.accordion-design .accordion-body{padding-left: 0; padding-right: 0;}
.accordion-design .accordion-item .accordion-body p{ color: #5C616E;}


.alternate-sec .alternate-row:nth-child(2n + 2){ flex-flow: row-reverse;}
.alternate-sec .alternate-row{margin-bottom: 70px;}
.alternate-sec .alternate-row:last-child{margin-bottom: 0px;}
.alternate-sec .alternate-row:nth-child(2n + 2) .alternate-pic { text-align: right;}
.accordion-design .accordion-button::after { filter: brightness(0);}

.accordion-button {font-size: var(--f-size-Body) !important; font-weight: var(--fw-semi-bold) !important;}


.tech-table {margin-top: 60px;}
.tech-table table {width: 100%;border: 4px solid #bcd754;}
.tech-table table tr td {border: 1px solid #bcd754; padding: 3px 5px;}
.tech-table table tr td:first-child {font-weight: 600;}
.tech-table h4 {border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 1.2; padding-bottom: 15px;}
/*-- products-pages(End) --*/

/*-- products-details-pages(Start) --*/

.products-details-left {
    max-width: 770px;
}

.products-details-left .slider-nav .slick-slide {
    margin: 10px;
    background-color: #000;
    border: 1px solid #cfcfcf;
}
.products-details-left .slider-nav .slick-slide img{opacity: 0.3; transition: all 0.6s ease-in-out 0s;}
.products-details-left .slider-nav .slick-slide.slick-current img{opacity: 1;}
.products-details-left .slider-nav{margin-top: 20px;}

.products-details-left .slider-for .slick-slide { height: 456px; overflow: hidden;}
.products-details-left .slider-for .slick-slide img{height: 100% !important; width: 100%; object-fit: cover;}

.products-details-left .slider-nav .slick-slide { height: 140px; overflow: hidden;}
.products-details-left .slider-nav .slick-slide img{height: 100% !important; width: 100%; object-fit: cover;}

.product-following-row { /*padding: 40px 0 30px;*/ padding: 30px 0 20px;}
.product-description{padding-bottom: 20px;}
.product-following-row h6{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; text-transform: capitalize; margin-bottom: 25px;}
.products-details-btn-list ul{display: flex; flex-flow: row wrap;}
.products-details-btn-list ul li:not(:last-child){margin-right: 20px;}
.product-following-icon-list ul{list-style: none; display: flex; flex-flow: row wrap; padding-left: 0;}
.product-following-icon-list ul li{margin-right: 35px; margin-bottom: 15px; /*margin-bottom: 25px;*/ width: auto; text-align: center;}
.product-following-icon-list ul li:last-child{margin-right: 0px;}
.following-icon{width: 90px; margin: 0 auto;}
.following-icon img {width: 50px; height: 50px;}
.following-content{/*padding-top: 20px;*/ padding-top: 15px;}
.product-description p{color: #50535F;}
.product-description h6{text-transform: capitalize;}

.products-details-sec .slider-nav .slick-next:before, .products-details-sec .slider-nav .slick-prev:before {
    background-size: 10px;
    width: 35px;
    height: 35px;
}
.products-details-sec .slider-nav .slick-prev, .products-details-sec .slider-nav .slick-next {
    width: 40px;
    height: 40px;}

/*-- products-details-pages(End) --*/

/*-- contact-pages(Start) --*/

.contact-box{background-color: var(--clr-light-blue); /*padding: 50px;*/ padding: 30px; height: 100%;}
.contact-box h3{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; text-transform: capitalize;}
.contact-info-list ul{padding-left: 0;}
.contact-info-list ul li{ margin-bottom: 30px; display: flex; flex-flow: row wrap;}
.contact-icon{width: 74px; height: 74px; background-color: var(--clr-primary); display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
.contact-info{width: calc(100% - 74px); padding-left: 30px;}
.contact-info h6{margin-bottom: 20px;}
.contact-info p{margin-bottom: 0px;}
.contact-info p a{color: var(--clr-secondary);}
.contact-info p a:hover{color: var(--clr-primary);}
.contact-box .form-control, .career-modal-design .form-control, .career-modal-design .form-select{border-radius: 0; /*height: 60px;*/ height: 45px;}
.contact-box textarea.form-control, .career-modal-design textarea.form-control{ height: auto; resize: none;}

.career-box{background-color: var(--clr-primary); /*padding: 50px;*/ padding: 30px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between;}
.career-box-left{width: 80%;}
.career-box-right{width: 20%; text-align: right;}
.career-box-left p{margin-bottom: 20px;}
.career-box-left h2 { text-transform: capitalize;}

    /*--careerModal-design(Start)--*/
    .modal-content.career-modal-design {
        /*padding: 30px 50px;*/ padding: 10px 15px; border-radius: 0;
    }
    .career-modal-design .modal-title{
        margin-bottom: 0; text-transform: capitalize;
    }
    .career-modal-design .modal-header {
        margin-bottom: 20px;
    }

    .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: var(--clr-white);
  padding: 10px 20px;
}

.upload-btn {
  border: 1px solid #B9B9B9;
  color: var(--clr-secondary);
  background-color: var(--clr-white);
  padding: 7px 12px;
  border-radius: 0px;
  font-size: 16px;
}

.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 10px;
  top: 4px;
  opacity: 0;
  width: 97%;
}
body.modal-open {
    overflow-y: hidden;
    height: 100vh;
}


    /*--careerModal-design(End)--*/

/*-- contact-pages(End) --*/

/*-- Fixing-css --*/

.our-clients-slider-sec .slick-dots li { width: 30px; height: 4px;}
.our-clients-slider-sec .slick-dots li button{width: 30px; height: 4px; padding: 0px; opacity: 1;}
.our-clients-slider-sec .slick-dots li button:before{content: ""; width: 30px; height: 4px; padding: 0; background-color: #DADADA; opacity: 1;}
.our-clients-slider-sec .slick-dots li.slick-active button:before { background-color: var(--clr-primary);}
.our-clients-slider-sec .slick-dots { position: relative; bottom: 0px; margin: 30px 0 0;}
.intro-grp-btn-wrap .btn:first-child { margin-right: 15px;}
.intro-grp-cont-innerwrap h6, .introduce-accord-top h6{font-weight: var(--fw-medium);}
.not-found-box { padding: 60px 30px; border: 1px solid rgba(0, 0, 0, 0.1); margin-top: 100px; background-color: #f6f6f6;}
.wpcf7-response-output{text-align: center;}
form.invalid .wpcf7-response-output{color: #dc3232;}
form.sent .wpcf7-response-output{color: #1b9526;}
form.invalid .form-control.wpcf7-not-valid{border: 1px solid #dc3232;}
.contact-sec form.invalid .wpcf7-not-valid-tip, .career-modal-design form.invalid .wpcf7-not-valid-tip{display: none;}
.file-upload-btn span.wpcf7-form-control-wrap { background-color: #fff; display: block;}
.career-modal-design .modal-header button.btn-close { position: absolute; top: 25px; right: 25px; opacity: 1;}
.career-modal-design .modal-header button.btn-close:hover {opacity: 0.7;}
.career-modal-design .modal-header button.btn-close:focus {box-shadow: none; outline: none;}

/*.product-following-accordion ul {list-style: disc;}*/
.product-following-accordion ul li{margin-bottom: 15px; padding-left: 16px; position: relative;}
.product-following-accordion ul li:before{width: 6px; height: 6px; border-radius: 50px; background-color: #5C616E; content: ""; position: absolute; left: 0; top: 9px;}
.footer-section .upper-ftr.common-padding { padding-top: 50px; padding-bottom: 50px;}
.ftr-logo { width: 150px;}
.products-details-right { padding-left: 30px;}
.products-details-right h3 span {display: block;}


/*.enquiry-form-design .modal-body { padding: 30px 40px;}*/
.enquiry-form-design .modal-header h3{margin-bottom: 0; color: var(--clr-primary);}
.career-modal-design .form-select{height: var(--form-height);}
.career-modal-design .form-select{border: none; border-radius: 0;}
.enquiry-form-design textarea.form-control{height: auto; resize: none;}
.pum-container.popmake{ background-color: var(--clr-light-blue);}
.pum-content.popmake-content { text-align: center; padding: 10px 10px;}
.pum-title{ color: var(--clr-primary) !important; text-transform: capitalize !important; border-bottom: 1px solid #dee2e6 !important; padding-bottom: 10px; padding-top: 10px;}
.pum-container.pum-responsive.pum-responsive-medium { margin-left: 0 !important; margin-bottom: 0 !important; width: 45% !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); background-color: var(--clr-light-blue);
    /*height: 80vh;*/
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;}
.pum-content.popmake-content label.form-label { text-align: left; display: block; margin-bottom: 6px;}
.pum-content.popmake-content p{ text-align: left;}
.pum-content.popmake-content .wpcf7-not-valid-tip{display: none;}
textarea.form-control { height: 100px; resize: none;}
.pum-theme-329 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{right: 10px !important; top: 10px !important; font-family: var(--ff-base) !important; display: flex; justify-content: center; align-items: self-end; font-weight: 600;}

/**************************-- inner-pages(End) --**************************/



@media only screen and ( max-width: 1800px) {
    .slick-prev, .slick-next { width: 60px; height: 60px;}
    .our-products-slider-img a.btn{ width: 60px !important; height: 60px !important; padding: 0;}
    .hdr-logo-img a, .hdr-logo-img a img { /*max-width: 100px;*/ max-width: 180px;}
    .main-header.fixed .hdr-logo-img a img { /*max-width: 80px;*/ max-width: 120px;}
    .about-industry-left { padding: 30px 50px 10px;}
    .contact-box .form-control, .career-modal-design .form-control, .career-modal-design .form-select { height: 45px;}
    /*.products-box { padding: 25px 25px;}*/
    /*.products-content { padding-top: 25px;}*/
    /*.products-tab-design .tab-content { padding-top: 40px;}*/
    .products-details-right { padding-left: 40px;}
    .intro-grp-cont-innerwrap>ul { padding: 35px 40px 0; margin-top: 35px;}
    .about-introduce-accord .intro-grp-cont-innerwrap { padding-left: 20px;}
    .intro-grp-cont-innerwrap>ul>li { padding-bottom: 30px;}
    .intro-grp-cont-innerwrap { max-width: 760px; margin: 0 0; margin-left: 66px; /*background-color: #f3f3;*/}
    .btn { padding: 12px 25px; font-size: 16px;}
    .main-header ul.nav li a, .main-header ul.nav-left li a { font-size: 16px;}
    .intro-icon { width: 80px; height: 80px; margin-bottom: 20px; padding: 15px;}
    .main-header ul.nav li { padding: 0px 62px 0 0;}
    .intro-grp-cont-innerwrap>ul>li::before { width: 15px; height: 17px;}
    .footer-section .upper-ftr.common-padding { padding-top: 40px; padding-bottom: 40px;}
    .ftr-logo { width: 130px;}
    .about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 20px; margin-bottom: 30px;}
    .products-details-right { padding-left: 15px;}
    .products-details-sec .slider-nav .slick-prev, .products-details-sec .slider-nav .slick-next { width: 30px; height: 30px;}
    .products-details-sec .slider-nav .slick-next:before, .products-details-sec .slider-nav .slick-prev:before { background-size: 8px; width: 19px; height: 19px;}
	.products-content h4 span {font-size: 14px;}

}
@media only screen and ( max-width: 1599px) {
    .slick-prev, .slick-next { width: 50px; height: 50px;}
    .slick-prev:before, .slick-next:before { background-size: 10px; width: 40px; height: 40px;}
    .our-products-slider-img a.btn{ /*width: 70px !important; height: 70px !important;*/ width: 50px !important; height: 50px !important;     background-size: 18px;}
    .our-products-slider-cont { left: 40px; bottom: 50px; padding-right: 90px;}
    .main-header ul.nav li { /*padding: 0px 66px 0 0;*/ padding: 0px 56px 0 0;}
    .hdr-social-media { margin-left: 15px;}
    .our-industry-sec .mt-60 { margin-top: 50px;}
    .ftr-menu ul li:not(:last-child) { padding-right: 50px;}
    .ftr-menu ul li a { font-size: 15px;}
    .inner-banner-section { min-height: 450px;}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp{border-width: 15px;}
    .about-vision-bottom { padding: 30px;}
    .about-vision-bottom h2{min-height: 120px;}

    .about-industry-list ul li{ padding: 15px 15px 15px 30px;}
    .about-industry-list ul li:before { top: 22px; left: 15px; width: 8px; height: 9px;}
    /*.about-industry-right { padding: 10px 0 0;}*/
    /*.contact-box { padding: 40px;}*/
    .contact-icon { width: 60px; height: 60px;}
    .contact-info{ width: calc(100% - 60px); padding-left: 20px;}
    /*.career-box { padding: 40px;}*/
    /*.modal-content.career-modal-design { padding: 30px 40px;}*/
    .products-box { padding: 15px 10px;}
    .products-content { padding-top: 20px;}
    /*.products-tab-design .tab-content { padding-top: 30px;}*/
    .products-tab-design .nav-pills .nav-link { font-size: 16px; padding: 16px 20px;}
    .products-details-left .slider-nav .slick-slide {margin: 6px;}
    .products-details-left .slider-nav { margin-top: 10px;}
    .products-details-right { padding-left: 30px;}
    .contact-box h3 { margin-bottom: 30px;}
    .intro-grp-cont-innerwrap { /*max-width: 640px;*/ max-width: 656px; margin-left: 50px;}
    .btn { padding: 12px 20px; font-size: 15px;}
    .main-header ul.nav li a, .main-header ul.nav-left li a { font-size: 15px;}
    .hdr-logo-img a, .hdr-logo-img a img { max-width: 80px;}
    .main-header.fixed .hdr-logo-img a img { max-width: 60px;}

    .hdr-logo-img a, .hdr-logo-img a img { /*max-width: 100px;*/ max-width: 150px;}
    .main-header.fixed .hdr-logo-img a img { /*max-width: 80px;*/ max-width: 120px;}

    .main-header-wrap { padding: 15px 0px;}
    .our-clients-slider-item-img { padding: 30px;}
    .intro-grp-cont-innerwrap>ul>li::before { width: 12px; height: 14px;}
    .ftr-logo { width: 120px;}
    .footer-section .upper-ftr.common-padding { padding-top: 30px; padding-bottom: 30px;}
    .intro-icon { width: 70px; height: 70px;}
    .about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 14px; margin-bottom: 20px;}
	.tech-table h4 {font-size:20px;}
    

}
@media only screen and ( max-width: 1499px) {
    .intro-grp-cont-innerwrap { /*max-width: 800px; padding: 20px 0 0 25px;*/ max-width: 600px; margin-left: 40px; padding: 20px 0 0 0px;}
    .intro-grp-cont-innerwrap>ul { padding: 20px 20px 0; margin-top: 20px;}
    .intro-grp-cont-innerwrap>ul>li { padding-bottom: 12px; padding-left: 20px;}
    .type-of-intro { padding: 30px;}
    .intro-icon { /*width: 80px; height: 80px;*/ width: 60px; height: 60px; padding: 10px; margin-bottom: 20px;}
    .common-padding { padding-top: 50px; padding-bottom: 50px;}
    .our-clients-slider-sec .center-heading { margin-bottom: 40px; padding-bottom: 40px;}
    .header-right .consultation-btn .btn { padding: 10px 15px;}
    .main-header ul.nav li { padding: 0px 40px 0 0;}
    /*.hdr-logo-img a, .hdr-logo-img a img { max-width: 100px;}
    .main-header.fixed .hdr-logo-img a img { max-width: 80px;}*/
    .main-header-wrap { padding: 12px 0px;}
    .our-industry-sec .mt-60 { margin-top: 40px;}
    .ftr-menu ul li:not(:last-child) { padding-right: 45px;}
    .inner-banner-section { min-height: 400px;}
    .introduce-accord-top { margin-bottom: 60px;}
    .about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 20px; margin-bottom: 20px;}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp{border-width: 12px;}
    .contact-box { padding: 25px;}
    .contact-icon { width: 50px; height: 50px;}
    .contact-info{ width: calc(100% - 50px); padding-left: 15px;}
    .contact-info-list ul li { margin-bottom: 20px;}
    .contact-info h6 { margin-bottom: 10px;}
    .contact-box h3 { padding-bottom: 15px;}
    .career-box { padding: 25px;}
    .product-following-row { padding: 40px 0;}
    .product-description { padding-bottom: 40px;}
    .products-details-right { padding-left: 20px;}
    .btn { padding: 10px 15px;}
    .ftr-menu ul li a { font-size: 14px;}
    .ftr-logo { width: 100px;}
    .pum-container.pum-responsive.pum-responsive-medium { width: 60% !important;}
	.tech-table h4 {font-size:15px;}

}
@media only screen and ( max-width:1199px ) {
    .common-padding { padding-top: 40px; padding-bottom: 40px; }
    .main-header-wrap.d-flex { /*padding: 25px 16px;*/ padding: 12px 16px;}
    .main-header.fixed .main-header-wrap { padding: 12px 16px; }
    body.post-template-default.single.single-post header.main-header .main-header-wrap{padding: 25px 20px; border: none;}
    .menu-is-open .mobile-menu { transform: translateX(0); right: 0; }
    .hamburger { display: inline-block;}
    .hamburger-nav{ display: block;}
    .mobile-menu { position: absolute; right: -100%; /*top: 93px;*/ top: 64px; /*left: 0;*/ bottom: 0; z-index: 999; max-width: 60%; background-color: black; padding: 0px 30px 0; margin: 0; display: block; width: 100%; transition: 250ms ease-in; height: 100vh; overflow: auto; transform: translateX(100%); text-align: center; }
    .header-btn-wrap a {margin-right: 30px;}  
    .main-header { padding: 0px 0;/* position: sticky !important;*/  top: 0; animation: none !important; }
   
    
  
    ul.nav li a, ul.nav-left li a {padding: 10px 0;font-size: 20px;font-weight: 600; color: var(--white);}
    .close-nav a {font-size: 21px;}
    ul.nav, ul.nav-left {padding-left: 0; display: block;}
    ul.nav li, ul.nav-left li {list-style: none;padding: 10px 0;}
    .nav {padding-top: 35px;}
    .close-nav { display: block; position: absolute; top: 26px; right: 28px; filter: brightness(0) invert(1); }
    .hdr-social-media { display: flex; align-items: center; gap: 28px; }
    .mobile-menu ul li:hover::after, .mobile-menu ul li.current-menu-item::after {left: 0;}
    li.menu-item-has-children {  display: block; }
    li.menu-item-has-children > ul.sub-menu { position: relative; left: inherit; width: 100%; }
    li.menu-item-has-children > a::after{content: none;}
    .main-header ul.nav li ul.sub-menu li a { color: var(--clr-primary); font-size: 12px; }
  
  
    .minus, .plus { display: block; padding: 6px 5px 6px 8px; font-weight: 700; font-size: 0px !important; cursor: pointer; position: absolute; right: -20px; width: 40px; top: -3px;  text-align: right; font-family: var(--Frank);  }
    .plus::after { position: absolute; content: "\f067"; font-size: 16px; color: var(--clr-primary); width: 20px; height: 20px; top: 5px; right: 0;font-family: 'Font Awesome 6 Free'; font-weight: 900; }
    .minus::after { position: absolute; content: "\f068"; font-size: 16px; color: var(--clr-primary); width: 20px; height: 20px; top: 5px; right: 0;font-family: 'Font Awesome 6 Free'; font-weight: 900; }
    li.menu-item-has-children:hover ul.sub-menu { display: none; }
    li.menu-item-has-children.open-sub > ul.sub-menu { display: block !important; }
    .mobile-menu ul>li ul.sub-menu li .minus, .mobile-menu ul>li ul.sub-menu li .plus { color: #777777; right: 17px; top: 14px; }
    .minus { display: none; }
    .open-sub > .plus { display: none; }
    .open-sub > .minus { display: block; }
    .mobile-menu ul>li ul.sub-menu li ul.sub-menu { left: 0; }
    .mobile-menu ul>li ul.sub-menu li .minus, .mobile-menu ul>li ul.sub-menu li .plus { color: #1469a8; }
    li.menu-item-has-children ul.sub-menu a { padding: 5px; }
    /* .main-header ul.nav a:hover { color: var(--white); } */
    ul.nav a:not([href]):not([class]), a:not([href]):not([class]):hover { color: var(--primary); }
    ul.nav-left a:not([href]):not([class]), a:not([href]):not([class]):hover { color: var(--primary); }
    .hdr-social-media-icon-wrap-desktop{display: block;margin-top: 20px;}
    .hdr-social-media-icon-wrap{display: none;}
    
    .mobile-menu ul li:hover, .mobile-menu ul li.current-menu-item a { -webkit-text-stroke-width: .4px;  }
  
    .hamburger-nav { width: 25px; height: 25px;transition: all 0.5s ease; z-index: 999999; }
    .hamburger-nav span:nth-child(2) { top: 6px; }
    .hamburger-nav span:last-child { top: 12px; }
    .header-is-fixed { padding-top: 0; }
    .main-header ul.nav li, .main-header ul.nav-left li { padding: 0; }
    .main-header ul.nav li a, .main-header ul.nav-left li a { font-size: clamp(1rem, 0.57rem + 0.897vw, 1.125rem); }
    .main-header ul.nav li:not(:last-child) { padding: 0px 0px 0 0; }
    
    .navigation ul>li ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu { display:block; }  
    .navigation ul.nav, .navigation ul.nav-left{display: none;}
    .header-right { width: 88%; }
  
    .mobile-menu{display: block;}
    /* .mobile-menu { padding-top: 50px; } */
    .mobile-menu h3 { color: #fff; }
    .mobile-menu ul.nav li { margin-bottom: 40px; }
    .main-header ul.nav li a, .main-header ul.nav-left li a{color: #fff;}
    .mobile-menu { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-top: 100px; }
    .main-header .container-lg { padding: 0; } 
    body.menu-is-open { height: 100vh; overflow-y: hidden;}
  
    header.main-header .container { width: 100%; max-width: 100%; padding: 0; }
    .hdr-social-media { /*width: 33%;*/ margin-left: 0; }
  
  
    /* header end */

    .intro-grp-cont-innerwrap { padding: 10px 0 0 10px;}
    .intro-grp-cont-innerwrap>ul { padding: 15px 0px 0; margin-top: 10px;}
    .intro-grp-cont-innerwrap>ul>li { padding-bottom: 15px; padding-left: 20px;}
    .intro-grp-cont-innerwrap>ul>li::before { background-size: 10px; width: 10px; height: 15px;}
    .btn { padding: 12px 20px; font-size: 16px;}
    .type-of-intro { padding: 20px;}
    .slick-prev, .slick-next { width: 50px; height: 50px;}
    .slick-next:before, .slick-prev:before { background-size: 10px; width: 30px; height: 30px;}
    .our-products-slider-img a.btn { width: 50px !important; height: 50px !important; background-size: 17px;}
    .our-products-slider-cont { left: 25px; bottom: 40px; padding-right: 55px;}
    .our-clients-slider-sec .slick-dots { margin: 10px 0 0;}
    .our-clients-slider-sec .slick-dots li, .our-clients-slider-sec .slick-dots li button, .our-clients-slider-sec .slick-dots li button:before { width: 30px; height: 3px;}
    .our-clients-slider-sec .center-heading { margin-bottom: 30px; padding-bottom: 30px;}
    .hdr-logo-img a, .hdr-logo-img a img { /*max-width: 80px;*/ max-width: 140px;}
    .main-header.fixed .hdr-logo-img a img { /*max-width: 60px;*/ max-width: 90px;}
    .our-industry-sec .mt-60 { margin-top: 30px;}
    .ftr-menu ul li:not(:last-child) { padding-right: 27px;}
    .social-media-icons ul li:not(:last-child) { margin-right: 14px;}
    .inner-banner-section { min-height: 350px;}
    .introduce-accord-top { margin-bottom: 50px;}
    .about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 15px; margin-bottom: 15px;}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp{border-width: 10px;}
    .trust-logo-list ul li{ padding: 0 20px;}
    .about-vision-bottom { padding: 20px;}
    .about-vision-bottom h2 { min-height: 70px;}
    .about-industry-right { padding: 0px 0 0;}
    .about-industry-list ul li { padding: 10px 10px 10px 25px;}
    .about-industry-list ul li:before { top: 15px; left: 10px; width: 7px; height: 8px;}
    .about-industry-left { padding: 10px 20px 10px;}
    .bann-breadcrumb .breadcrumb-item+.breadcrumb-item::before { width: 3px; height: 9px; left: 5px; top: 7px;}
    .contact-box { padding: 20px;}
    .career-box { padding: 20px;}
    /*.modal-content.career-modal-design { padding: 20px 30px;}*/
    .products-tab-design ul.nav { display: flex; flex-flow: row wrap; padding-top: 0;}
    .products-box { padding: 15px 15px;}
    .products-tab-design .nav-pills .nav-link { font-size: 15px; padding: 12px 15px;}
    .products-details-left .slider-nav .slick-slide {margin: 2px;}

    .product-following-row { padding: 30px 0;}
    .product-description { padding-bottom: 30px;}
    section.not-found-sec { min-height: 65vh;}
    .products-details-left .slider-for .slick-slide { height: 356px;}
    .products-details-left .slider-nav .slick-slide { height: 100px;}
    .products-details-right { padding-left: 10px;}
    .about-introduce-accord .intro-grp-cont-innerwrap { padding-left: 10px;}
    .intro-grp-cont-innerwrap { max-width: 620px; margin-left: 10px;}
    .pum-theme-329 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{ align-items: center;}
	.tech-table h4 {font-size:14px;}


    }

@media only screen and ( max-width: 991px ) {
        /*.intro-grp-cont-innerwrap { padding: 30px 0 0 0px; max-width: 700px;}*/
        .slick-prev, .slick-next { width: 40px; height: 40px;}
        .slick-next:before, .slick-prev:before { background-size: 8px; width: 20px; height: 20px;}
        .our-products-slider-inner {margin: 0 6px;}
        .our-products-slider-img a.btn { width: 38px !important; height: 38px !important; background-size: 14px;}
        .our-products-slider-cont { left: 17px; bottom: 10px; padding-right: 41px;}
        .our-products-slider-cont h4 { margin-bottom: 8px;}
        .our-products-slider-cont p { line-height: 1.3;}
        /*.common-padding { padding-top: 40px; padding-bottom: 40px;}*/
        .intro-accord-grp {  padding: 0px 0 94%; margin-top: 20px; width: 100%; margin: 20px auto 0;}
        .ftr-logo { width: 150px; margin: 0 auto 30px;}
        .social-media-icons ul { justify-content: center; margin-top: 30px;}
        .lwr-ftr .container { padding: 20px 0;}
        .introduce-accord-top { margin-bottom: 40px;}
        .trust-logo-list { padding: 15px 10px; display: table; margin: 0 auto;}
        .trust-logo-list ul{justify-content: center;}
        .about-vision-bottom { padding: 15px;}
        .about-industry-list ul li { padding: 6px 10px 6px 25px;}
        .about-industry-list ul li:before { top: 12px; width: 6px; height: 7px;}
        .bann-breadcrumb .breadcrumb-item+.breadcrumb-item::before {top: 9px;}
        .career-box-left {width: 75%;}
        .career-box-right { width: 25%;}
        .modal-content.career-modal-design { padding: 10px 10px;}
        .products-box { padding: 10px 10px;}
        /*.products-tab-design .tab-content { padding-top: 20px;}*/
        .alternate-sec .alternate-row:nth-child(2n + 2) {flex-flow: column;}
        .alternate-content { padding-top: 30px;}
        .products-details-sec .slider-nav .slick-prev, .products-details-sec .slider-nav .slick-next { width: 26px; height: 26px;}
        .products-details-sec .slider-nav .slick-next:before, .products-details-sec .slider-nav .slick-prev:before { background-size: 7px; width: 20px; height: 20px;}
        .products-details-right { padding-top: 20px; padding-left: 0px;}
        .about-introduce-accord .intro-grp-cont-innerwrap { padding-left: 0px;}
        
        .contact-box h3 { margin-bottom: 30px;}
        .intro-grp-cont-innerwrap>ul { padding: 20px 0px 0; margin-top: 30px;}
        .introduce-accord-group.home-introduce-accord-group .intro-grp-cont-innerwrap { padding-bottom: 20px; padding-top: 30px;}
        .introduce-accord-group.about-introduce-accord .intro-accord-grp { border-width: 5px;}
        .pum-container.pum-responsive.pum-responsive-medium { width: 90% !important;}



}

@media only screen and ( max-width: 767px ) {
    .bnr-cont-inner { padding: 0 0; margin-top: 50px; text-align: center;}
    .bnr-cont-inner ul { margin: 40px auto 0; justify-content: center;}
    .bnr-cont-inner ul li { padding: 0 15px;}
    .hdr-social-media { width: auto; gap: 15px;}
    /*.hdr-logo-img a, .hdr-logo-img a img { max-width: 60px;}
    .main-header.fixed .hdr-logo-img a img { max-width: 50px;}*/
    .hdr-logo-img a, .hdr-logo-img a img { max-width: inherit; width: 70px;}
    .main-header.fixed .hdr-logo-img a img { max-width: inherit; width: 60px;}

    .header-right .consultation-btn .btn { padding: 8px 12px;}
    .mobile-menu { /*top: 60px;*/ top: 0;}
    .common-padding { padding-top: 30px; padding-bottom: 30px;}
    .btn{ font-size: 15px;}
    .type-of-intro { padding: 15px; text-align: center;}
    .intro-icon { width: 70px; height: 70px; margin: 0 auto 20px; padding: 10px;}
    .our-industry-sec .mt-60{ margin-top: 20px;}
    .ftr-menu ul li:not(:last-child) { padding-right: 20px; margin-bottom: 8px;}
    .ftr-menu ul li{ margin-bottom: 8px;}
    .ftr-logo { width: 120px;}
    .main-header-wrap.d-flex { padding: 10px 15px;}
    .inner-banner-section { min-height: 300px;}
    .inner-banner-section .bann-breadcrumb { margin-top: 60px; margin-bottom: 25px;}
    .bann-breadcrumb ol.breadcrumb { justify-content: center;}
    .about-vision-bottom h2 { min-height: inherit;}
    .about-vision-bottom { text-align: center;}
    .about-vision-box { height: auto;}
    .about-industry-list ul li { padding: 8px 10px 8px 28px;}
    .about-industry-list ul li:before { top: 17px;}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp{border-width: 10px;}
    .contact-box .form-control, .career-modal-design .form-control, .career-modal-design .form-select { height: 40px;}
    .career-box-left {width: 100%; text-align: center; margin-bottom: 10px;}
    .career-box-right { width: 100%; text-align: center;}
    .modal-content.career-modal-design{padding: 0px 0px;}
    .upload-btn-wrapper { padding: 7px 10px;}
    .upload-btn{ padding: 2px 9px; font-size: 14px;}
    .products-tab-design .tab-content { padding-top: 10px;}
    .alternate-content { padding-top: 20px;}
    .following-content { padding-top: 15px;}
    .not-found-box { padding: 40px 15px;}
    .products-details-left .slider-nav { margin-top: 5px;}
    .our-product-sec .our-products-slider .slick-dots { position: relative; bottom: 0;}
    .our-product-sec .our-products-slider .slick-dots li { margin: 0 2px;}
    .intro-grp-cont-title-row { text-align: center;}
    .intro-grp-cont-innerwrap { max-width: 540px; margin: 0 auto; padding: 30px 0 0 20px;}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp { border-right: none; border-bottom: 10px solid var(--clr-primary); height: auto; margin-top: 0;}
    .about-industry-left{width: 100%; text-align: center; padding: 30px 15px 30px;}
    .about-industry-right{width: 100%;}
    .about-industry-list ul li { padding: 7px 10px 7px 25px;}
    .about-industry-list ul li:before { top: 14px; left: 11px; width: 6px; height: 8px;}
    .about-introduce-accord .intro-grp-cont-innerwrap>ul>li { padding-bottom: 10px; margin-bottom: 10px;}
	.main-header {border-bottom: none !important;} 

}

@media only screen and ( max-width: 575px ) {
    .our-clients-slider-sec .center-heading { margin-bottom: 25px; padding-bottom: 25px;}
    .btn{ font-size: 14px;}
    .intro-accord-grp { margin: 15px auto 0;}
    .intro-grp-cont-innerwrap { padding: 20px 0 0 0px;}
    .introduce-accord-top { margin-bottom: 20px;}
    .trust-logo-list ul li{ padding: 0 10px 0px; margin-bottom: 10px; width: 25%;}
    .bann-breadcrumb .breadcrumb-item+.breadcrumb-item::before { top: 6px;}
    .products-tab-design .nav-pills .nav-link { font-size: 14px; padding: 8px 11px;}
    .products-content{text-align: center;}

    /*.product-following-row { padding: 20px 0;}*/
    .product-description { padding-bottom: 20px;}
    .following-content { padding-top: 10px;}
    .intro-grp-cont-innerwrap>ul { margin-top: 20px;}
    .introduce-accord-group.home-introduce-accord-group .intro-grp-cont-innerwrap {padding-bottom: 15px;}
    .our-product-sec .our-products-slider{margin-bottom: 80px;}
    .our-product-sec .our-products-slider .slick-prev { bottom: -47px; top: inherit; transform: inherit; left: calc(50% - 50px);}
    .our-product-sec .our-products-slider .slick-next { bottom: -67px; top: inherit !important; transition: inherit !important; right: calc(50% - 50px);}
    .introduce-accord-group.about-introduce-accord .intro-accord-grp{border-width: 4px;}
    .about-industry-left { padding: 15px 10px 15px;}

    .bnr-cont-inner {top: 0;}

/*     .home .bnr-cont-inner {top: 150px;} */
    .bnr-cont-inner h1 {font-size: 26px;}
    .bnr-cont-inner h4 {font-size: 15px; margin-bottom: 20px;}
    .bnr-cont-inner h2 {font-size: 20px;}
    .bnr-cont-inner .bnr-btn {padding: 7px 10px;}
    .bnr-cont-inner ul {margin: 20px auto 0;}
    .bnr-cont-inner ul li {width: 15%;}
	

}

@media only screen and ( max-width: 480px ) {
    .bnr-cont-inner ul { justify-content: center; flex-flow: row wrap;}
    .bnr-cont-inner ul li { width: 15%; justify-content: center; margin-bottom: 15px; padding: 0 10px;}
    .intro-grp-btn-wrap .btn:first-child { margin-right: 10px;}
    .btn { padding: 9px 15px;}
    .ftr-logo { width: 100px;}
    .intro-icon { width: 50px; height: 50px; padding: 6px;}
    .our-products-slider-cont { left: 10px;}
    .inner-banner-section { min-height: 250px;}
    .contact-box .form-control, .career-modal-design .form-control, .career-modal-design .form-select { height: 38px;}
    .product-following-icon-list ul li { margin-right: 20px;}

    .products-details-left .slider-for .slick-slide { height: 300px;}
    .products-details-left .slider-nav .slick-slide { height: 80px;}
    .inner-banner-section .bann-breadcrumb { margin-top: 20px; margin-bottom: 20px;}
    .trust-logo-list ul li { padding: 0 7px 0px;}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{width: 95%;}
    .our-clients-slider-item-img { padding: 20px;}
    .pum-container.pum-responsive.pum-responsive-medium{height: 90vh; margin-top: 30px;}
    .career-modal-design .modal-header button.btn-close { top: 9px; right: 9px;}




}
@media only screen and ( max-width: 380px ) {
    .header-right .consultation-btn .btn { padding: 7px 9px;}
    .mobile-menu {top: 52px;}
    /*.inner-banner-section { min-height: 200px;}*/
    .inner-banner-section .bann-breadcrumb { /*margin-top: 28px;*/ margin-bottom: 15px;}
    .product-following-icon-list ul li { margin-right: 10px;}
    .our-clients-slider-item-img { padding: 10px;}

}