/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
--white:#fff;
--black:#000;
--themecolor1:#D10917;
--themecolor2:#1A1B1D;
--darkred-gradient: linear-gradient(to right,  rgba(26,27,29,1) 0%,rgba(227,6,19,1) 100%);



}
/* .{height: calc(var(--vh,1vh)*100);}	 */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--white);
font-family: 'Montserrat';
letter-spacing: 0; line-height: normal;
font-weight: normal;
}

input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

input[type=email]::-moz-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

input[type=email]::-ms-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

textarea::-moz-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

textarea::-webkit-input-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

textarea::-ms-input-placeholder {
color: inherit;
opacity: 1;
font-family: inherit;
}

a, button { text-decoration: none;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}
img{ max-width: 100%; height: auto; }
.flxrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flxcol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column; 
flex-direction: column;
}
.flxfix {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.flxflexi {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: auto;
flex-basis: auto;
position: relative;
}
/* Common CSS for All components : End */

@media (min-width:240px){
.container {width:100%;max-width:100%; padding: 0 20px;}
}
@media (min-width:576px){
.container {width:100%;max-width:100%; padding: 0 36px;}
}
@media (min-width: 768px) {
.container {width:720px;padding: 0 36px;;}
}
@media (min-width: 992px) {
.container {width:900px;}
}
@media (min-width: 1200px) {
.container {width:1100px;}
}
@media (min-width: 1400px) {
.container {width:1240px;}
}
@media (min-width: 1600px) {
.container {width:1400px;}
}
@media (min-width: 1800px) {
.container {width:1670px;max-width:1670px;}
}
.container{ position: relative; z-index: 5; padding: 0 15px; margin: 0 auto; display: block; }
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: 500;


}

h1 {
font-size: 50px;
font-weight: 600; 
line-height: 1.18;

}
h2 {
font-size: 40px;
font-weight: 600; 
line-height: 1.18;
}
h3 {
font-size: 20px;
text-transform: uppercase;
color: var(--white);
letter-spacing: 1px;
font-weight: 500;

}
h4 { 
line-height: 1.32;
font-size: 25px;
font-weight: 600;

}
h5 {
font-size: 24px;

}
h6 {
font-size: 20px;

}
p{margin: 0; padding: 0; color: #1a1b1d;  line-height: 1.44;  font-size: 18px;   font-weight:normal; }
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.row>* { padding-left: 15px; padding-right: 15px;}
.col-md-1 {width: 8.33333333%;}
.col-md-2 {width: 16.66666667%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 33.33333333%;}
.col-md-5 {width: 41.66666667%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.33333333%;}
.col-md-8 {width: 66.66666667%;}
.col-md-9 {width: 75%;}
.col-md-10 {width: 83.33333333%;}
.col-md-11 {width: 91.66666667%;}
.col-md-12 {width: 100%;}




.main_wapper{ overflow:hidden; }

.primary-link{ display: flex;align-items: center;}
.primary-link a{ min-height: 34px;; gap: 8px;  display: flex; align-items: center; font-size: 20px; letter-spacing: 1px; color: var(--white); text-transform:capitalize; font-weight: 300; font-family: 'Futura Std';}
.primary-link a i{  position: relative; top: 2px; background: url(../images/link-arrow.svg) no-repeat center center;  display: flex; width: 32px; height: 32px; background-size: 100% 100%; }
.primary-link a:hover{ transform: scale(1.07);  }
.primary-link.green a{ color: var(--green);}
.primary-link.green a i{ background: url(../images/link-arrow-green.svg) no-repeat center center; }
.white-btn{ display: flex; align-items: center;}
.white-btn a { min-height: 45px; padding: 0 24px; min-width: 160px; justify-content: center; background-color: var(--white); font-size: 18px; text-transform: uppercase;  font-weight: 900;  display: flex; align-items: center; color: var(--black); font-family: 'Futura Std'; letter-spacing: 0.9px;} 
.white-btn a:hover{ transform: scale(1.07);  }
.theme-btn{ display: flex ;align-items: center;}
.theme-btn a { border-radius: 100px; min-height: 32px; padding: 0 20px; min-width: 0; justify-content: center;    border: #111519 solid 1px;; font-size: 18px;  font-weight: normal;  display: flex; align-items: center;  color: #111519;  } 
.theme-btn a:hover{ transform: scale(1.1);  }


.theme-btnred{ display: flex ;align-items: center;}
.theme-btnred a { border-radius: 100px; min-height: 32px; padding: 0 20px; min-width: 0; justify-content: center;    border: var(--themecolor1) solid 1px;; font-size: 18px;  font-weight: normal;  display: flex; align-items: center;  color: #fff ; background: #ed281b ;  } 
.theme-btnred a:hover{ transform: scale(1.1);  }


.themered-btn{ display: flex ;align-items: center;}
.themered-btn a { border-radius: 100px; min-height: 32px; padding: 0 20px; min-width: 0; justify-content: center;    border: #111519 solid 0px;; font-size: 18px;  font-weight: normal;  display: flex; align-items: center; background: var(--darkred-gradient);  color: #fff;  } 
.themered-btn a:hover{ transform: scale(1.1);  }



.mt-200{ margin-top: 200px; }
.mb-200{ margin-bottom: 200px; }
.my-200{ margin-top: 200px; margin-bottom: 200px; }
.mt-150{ margin-top: 150px; }
.mb-150{ margin-bottom: 150px; }
.my-150{ margin-top: 150px; margin-bottom: 150px; }
.mt-100{ margin-top: 100px; }
.mb-100{ margin-bottom: 100px; }
.my-100{ margin-top: 100px; margin-bottom: 100px; }
.pt-200{ padding-top: 200px; }
.pb-200{ padding-bottom: 200px; }
.py-200{ padding-top: 200px; padding-bottom: 200px; }



.text-data p {   margin: 0; padding: 0;  color: #1a1b1d;  line-height: 1.44;  font-size: 18px;   font-weight:normal; }
.text-data  ul li strong,
.text-data  ol li strong,
.text-data  p strong{ font-weight: bold; }
.text-data  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text-data  p + p{ padding-top: 24px; }
.text-data  ul li a,
.text-data  ol li a,
.text-data  p a{ margin: 0; padding: 0;    color: #1a1b1d;    text-decoration: underline; }
.text-data  ol li a:hover,
.text-data  ul li a:hover,
.text-data  p a:hover{ opacity: 0.5; }
.text-data  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text-data  ul li{ margin: 0; padding: 0;   color: #1a1b1d;  line-height: 1.44;  font-size: 18px;   font-weight:normal; display: list-item; list-style-type: disc; list-style-position: outside; } 
.text-data  ul li + li{ margin-top:8px; }
.text-data  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text-data  ol li{margin: 0; padding: 0;  color: #1a1b1d;  line-height: 1.44;  font-size: 18px;   font-weight:normal; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text-data  ol li + li{ margin-top: 8px; }
.text-data .heading-tag:first-child{ padding-top: 0px;; }
.text-data  ol + p,
.text-data  ul + p,
.text-data   p + ul,
.text-data   p + ol,
.text-data   ol + ul,
.text-data   ul + ol{ padding-top: 20px; }
.text-data p + p{ padding-top: 20px; }

.text-fade{
opacity: 0;
-webkit-transform: translateY(5rem);
transform: translateY(5rem);
-webkit-transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
transition: .8s cubic-bezier(.25,.46,.45,.94) .2s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: transform, opacity, -webkit-transform;
}
.text-fade.animated{
opacity: 1;
-webkit-transform: none !important;
transform: none !important;
}



#header{ background: rgba(17,21,25,1); position: fixed; left: 0; top: 0; z-index: 100; width: 100%; }
.header-top{ min-height: 128px; transition: all 0.3s ease-in-out; padding: 0 80px; display: flex; align-items: center; justify-content: space-between;position: relative; z-index: 2; }
.header-top .logo{ width: auto; display: flex;}
.header-top .logo a{ width: auto; display: flex;}
.header-top .logo a img{ width:  auto; height: auto;}
.header-top .logo a .mobile-logo{ display: none;} 
#header.transparent-header{background: rgba(17,21,25,0.9);}

#header.white-header{ background: #fff; }
#header.white-header .main-nav>ul>li>a{  color: #1a1b1d;}
#header.white-header .contact-btn a{border: solid 1px #111519;  color: #1a1b1d;}
#header.white-header.fixed{ box-shadow: 0 5px 10px rgba(17,21,25,0.1); }

.header-right{ display: flex; align-items: center;}
.main-nav{ display: flex;}
.main-nav>ul{ gap: 64px; display: flex;}
.main-nav>ul>li{ display: flex;}
.main-nav>ul>li>a{line-height: 1.22; font-size: 18px; font-weight: normal; color: #fff; display: flex;}
.contact-btn{ padding: 0 0 0 64px; }
.contact-btn a{ display: flex; align-items: center; justify-content: center;  border-radius: 10px;line-height: 1.22; font-size: 18px; font-weight: normal; color: #fff;border: solid 1px #fff; padding: 2px 18px; height: 32px; }
.contact-btn a:hover{ transform: scale(1.1); }

.land-box{ gap: 5px; display: flex; align-items: center; padding: 0 0 0 64px; color: #676c6e; text-transform:uppercase; line-height: 1.22; font-size: 18px;}
.land-box a{ color: #676c6e; text-transform:uppercase; line-height: 1.22; font-size: 18px;}
.land-box i{ font-style: normal;}
.land-box a.active{ font-weight: bold;}

#header.fixed .header-top{  min-height: 90px; }
.main-nav>ul>li{ padding: 20px 0; position: relative; }
.main-nav>ul>li .sub-menu li a{ color: #1a1b1d;  font-size: 15px; min-height: 48px; display: flex; align-items: center;  padding: 8px 32px;  }


@media (min-width: 1200px) {
.main-nav>ul>li .sub-menu{ visibility: hidden; border-radius: 10px; opacity: 0; padding: 27px 0;  transform: translateY(25px); transition: all 0.3s ease-in-out; background: #fff;  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16); left: 50%; top: 100%; width: 240px; margin: 0 0 0 -120px;  position: absolute; }
.main-nav>ul>li .sub-menu::after{ content: '';  pointer-events: none; position: absolute; left: 50%; margin: 0 0 0 -17px;  bottom: 100%;   border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-bottom: 14px solid #fff;   }
.main-nav>ul>li:hover .sub-menu{ visibility: visible; transform: none; opacity: 1; pointer-events: all; }      
.main-nav>ul>li .sub-menu li a:hover{  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16); }

.mobile-header-hidden-outer{ display: none;}
}



.mobile-header-hidden-outer{ display: block;
	position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.mobile-header-hidden-outer .menu-outer{
	background: rgba(17,21,25,0.9);
	position: relative;
	max-height: calc(100% - 90px);
	overflow: auto;
    z-index: 2;
    transform: translateY(-150%) translateZ(0);
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.85,0,.15,1);
	margin: 90px 0 0 0;

}

.menu-outer-inner{    opacity: 0;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: ease;}
	body.active-menu	 .menu-outer-inner{
		opacity: 1;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: .25s;
	}
body.active-menu .mobile-header-hidden-outer{ pointer-events: all; }
body.active-menu .mobile-header-hidden-outer .menu-outer {
    transform: translateY(0) translateZ(0);
}




.section-title{ max-width: 972px; margin: 0 auto; display: block; width: 100%; text-align: center; display: block;}
.section-title.left-align{ text-align: left; }
.section-title h2{ display: block;  line-height: 1.25;  color: #1a1b1d;  ; font-weight: 600;}
.section-title.white h2{ color: #fff; }
.section-title .text-data{ max-width: 800px; margin: 0 auto; display: block; padding: 32px 0 0 0; }
.section-title.white .text-data p,
.section-title.white .text-data ul li,
.section-title.white .text-data ol li,
.section-title.white .text-data p a,
.section-title.white .text-data ul li a,
.section-title.white .text-data ol li a{ color: #fff;}
.section-title .theme-btn{ padding: 36px 0 0 0; }


.max-with-1376{ max-width: 1364px; width: 1364px; display: block; margin: 0 auto; }


#footer{ padding: 82px 0 112px; background: #F0F0F0; }
.footer-top{ display: flex; align-items:flex-end; justify-content: space-between;}
.footer-left{ width: 298px; display: block;}
.footer-left .icon{ padding: 0 0 35px; display: flex;}
.footer-left .icon img { width: 28px; height: auto; display: flex;}

.f-info-box .info-row a{ gap: 12px; font-size: 14px; color: #1a1b1d; display: flex; align-items: center;}
.f-info-box .info-row a i{width:auto ; min-width: 16px; justify-content: center; display: flex;}
.f-info-box .info-row a i img{ width: auto; height: auto; max-width: 16px; }
.f-info-box .info-row +  .info-row{ margin-top:6px; }
.f-info-box .info-row a:hover,
.f-nav ul li a:hover{  opacity: 0.5; }
.footer-right{ display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.footer-right .ct-btn{ display: flex; align-items: center;}
.footer-right .ct-btn a{ display: flex; color: #111519; border-radius: 100px; padding: 0 16px 2px; font-size: 14px; line-height: 1.29; font-weight: bold; align-items: center;  border: solid 2px #111519; height: 26px;}
.footer-right .ct-btn a:hover{ transform: scale(1.1); }
.footer-left .sub-text p{ display: block; color: #1a1b1d; line-height: 1.57; font-size: 13px;  font-weight: normal;}
.footer-left .sub-text p strong{ font-weight: bold;}
.footer-left .sub-text p span{ font-weight: 300;}
.f-nav ul{ padding: 58px 0 0 0; gap: 46px; display: flex; align-items: center; }
.f-nav ul li a{ display: flex;color: #1a1b1d;font-style: normal;line-height: 1.38; font-size: 16px; font-weight: 300;}

.menu-icon{ display: none;}


.stickey-btn-jobs{ z-index: 1000; display: flex; flex-direction: column; gap: 12px; position: fixed; right: 48px; bottom: 100px; }
.stickey-btn-jobs .themered-btn,
.stickey-btn-jobs .theme-btn{width: 100%;}
.stickey-btn-jobs .themered-btn a{  padding: 0 12px; width: 100%; min-height: 28px; font-size: 14px; font-weight: bold;}
.stickey-btn-jobs .theme-btn a{ background: #fff;width: 100%; padding: 0 12px;font-size: 14px; min-height: 28px;}


.breadcrumb-block{ padding: 40px 0 0 0; display: flex; align-items: center; justify-content: space-between; }
.breadcrumb-list ul{ display: flex; align-items: center;}
.breadcrumb-list ul li,
.breadcrumb-list ul li a{ display: flex; align-items: center;  color: #1a1b1d; font-size: 18px; line-height: 1; }
.breadcrumb-list ul li + li::before{ display: flex; align-items: center; padding: 0 5px; content: '>';}

.breadcrumb-list ul li a:hover{ color: var(--themecolor1);} 



.job-btn-full{ display: block ; width: 100%;}
.job-btn-full a{ border-radius: 100px; background: var(--darkred-gradient);  font-size: 18px; height: 50px; display: flex; align-items: center; justify-content: center;  font-weight: bold; color: #fff; width: 100%;}
.job-btn-full a:hover{ transform: scale(1.1); }


.application-box{  padding: 60px 16px 70px 39px;  border-radius: 10px;box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.16);background-color: #fff; display: block; width: 326px; position: relative;} 
.application-box .app-img{   top: -41px; right: -12px; width: 114px; display: flex; align-items: center; position: absolute;}
.application-box .app-img span{width: 100%; overflow: hidden; display: flex; padding: 100% 0 0 0; border-radius: 100px; position: relative;}
.application-box .app-img img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.application-box .Person-details{ display: block; width: 100%;}
.application-box .Person-details .Person-text-1{ padding: 0 0 6px; color: #1a1b1d;  font-size: 14px; font-weight: 300; display: block; width: 100%;}
.application-box .Person-details h6{ padding: 0 0 6px;  line-height: 1.3; font-weight: normal; color: #1a1b1d; display: block; width: 100%;}
.application-box .Person-details h6 span{ font-weight: bold; }
.application-box .Person-details p{   color: #1a1b1d;  font-size: 14px; font-weight: 300; display: block; width: 100%;}
.application-box .app-info-box{ padding: 24px 0 0 0; }
.application-box .app-info-box .app-info-row a{ gap: 12px; font-size: 16px; color: #1a1b1d; display: flex; align-items: center;}
.application-box .app-info-box .app-info-row a i{width:auto ; min-width: 16px; justify-content: center; display: flex;}
.application-box .app-info-box .app-info-row a i img{ width: auto; height: auto; max-width: 16px; }
.application-box .app-info-box .app-info-row +  .app-info-row{ margin-top:10px; }
.application-box .app-info-box .app-info-row a:hover {  opacity: 0.5; }


.page-banner { position: relative; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; background: #F0F0F0; }
.page-banner h1 { color: #1a1b1d; }

.page-content {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin-left: 120px;
  padding: 100px 0 150px;
}

.page-content .text-data {
  max-width: 100%;
}

.page-content .text-data p {
    margin-top: 21px;
}

.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5 {
  margin-top: 30px;
}

.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child {
  margin-top: 0;
}


.tahnkyou-page{ display: block; overflow: hidden; width: 100%;}
.tahnkyou-banner{ position: relative; display: block;width: 100%; }
.tahnkyou-banner .img { display: flex; position: relative; z-index: 5; width: 100%;  overflow: hidden;  height: 842px;  }
.tahnkyou-banner .img picture { width: 100%;height: 100%; position: relative; z-index: 1;  }
.tahnkyou-banner .img picture img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;  }
.tahnkyou-banner .img::after {  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; opacity: 0.5; mix-blend-mode: multiply; background-blend-mode: multiply; background: #111519; content: ''; }
.banner-over-text{ position: absolute; left: 0; bottom:174px; display: flex; align-items: flex-end; z-index: 10; width: 100%; }
.banner-over-text h1{ color: #fff; text-align: center; }
.thankyou-section-1{ padding: 0 0 108px;  position: relative; display: block; width: 100%; }
.thankyou-section-1 .shape-bg{ display: flex; position: absolute;  right: 0; bottom: 0;  width: 435px; }
.thankyou-section-1 .shape-bg img{ width: 100%; }
.thankyou-blk{  width: 100%; max-width: 1088px; margin: -92px auto 0; display: block; width: 100%;    border-radius: 5px;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);   padding: 108px 20px 98px;background-color: #fff;}
.thankyou-blk-sub{ max-width: 530px; margin: 0 auto; display: block; width: 100%; text-align: center;}
.thankyou-btn-set{ padding: 70px 0 0 0;  justify-content: center; display: flex;align-items: center; gap: 52px;}
.thankyou-text p{ font-size: 16px;}
.thankyou-btn-set .theme-btnred a { cursor: default; pointer-events: none; }


.notification_popup { position: absolute; top: 100%; left: 0; width: 100%; padding: 23px 80px; background: #ED281B; border-radius: 10px; box-shadow: 0 10px 80px rgba(0,0,0,0.16); transition: all ease-in-out 300ms; }
.notification_popup.hidden,
.notification_popup.mobile.hidden { opacity: 0; visibility: hidden; pointer-events: none; display: none; }
.notification_popup .popup_wrap { position: relative; width: 100%; }
.notification_popup .content_box { position: relative; display: flex; gap: 40px; align-items: center; }
.notification_popup .content_box .heading { min-width: 352px; font-size: 25px; color: var(--white); font-weight: 600; }
.notification_popup .content_box .text_block { position: relative; max-width: 65%; flex-grow: 1; }
.notification_popup .content_box .text_block p { font-size: 18px; color: var(--white); line-height: 1.44; overflow-wrap: break-word; }
.notification_popup .content_box .text_block p + p { padding: 0; }
.notification_popup .close-btn { position: absolute; top: 0; right: 0; z-index: 2; display: flex; width: 20px; cursor: pointer; }
.notification_popup .close-btn img { display: inline-flex; }

.notification_popup.mobile {position: relative;margin-top: 50px;display: none;}

@media (min-width: 1600px) and (max-width: 1800px) {
h1{ font-size: 38px;}
h2{ font-size: 36px;}	
h4{ font-size: 22px;}	


.mt-200{ margin-top: 150px; }
.mb-200{ margin-bottom: 150px; }
.my-200{ margin-top: 150px; margin-bottom: 150px; }
.mt-150{ margin-top: 120px; }
.mb-150{ margin-bottom: 120px; }
.my-150{ margin-top: 120px; margin-bottom: 120px; }
.mt-100{ margin-top: 80px; }
.mb-100{ margin-bottom: 80px; }
.my-100{ margin-top: 80px; margin-bottom: 80px; }
.pt-200{ padding-top: 150px; }
.pb-200{ padding-bottom: 150px; }
.py-200{ padding-top: 150px; padding-bottom: 150px; }

.text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 16px;;} 



.max-with-1376{ max-width:1250px ; width: 1250px; }
.f-nav ul{ gap: 30px;}
#footer{ padding: 70px 0 100px; }
.header-top{ min-height: 110px; padding: 0 64px; }
.main-nav>ul{gap: 48px;}
.land-box,
.contact-btn{ padding: 0 0 0 48px; }
#header.fixed .header-top{ min-height: 80px; }
.main-nav>ul>li>a{ font-size: 16px;}
.stickey-btn-jobs{right: 32px; }
.tahnkyou-banner .img{ height: 650px; }
.thankyou-section-1 .shape-bg{width: 420px }


.thankyou-blk{ max-width: 860px; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
h1{ font-size: 36px;}
h2{ font-size: 34px;}	
h4{ font-size: 22px;}	


.mt-200{ margin-top: 120px; }
.mb-200{ margin-bottom: 120px; }
.my-200{ margin-top: 120px; margin-bottom: 120px; }
.mt-150{ margin-top: 100px; }
.mb-150{ margin-bottom: 100px; }
.my-150{ margin-top: 100px; margin-bottom: 100px; }
.mt-100{ margin-top: 70px; }
.mb-100{ margin-bottom: 70px; }
.my-100{ margin-top: 70px; margin-bottom: 70px; }
.pt-200{ padding-top: 120px; }
.pb-200{ padding-bottom: 120px; }
.py-200{ padding-top: 120px; padding-bottom: 120px; }

.text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 16px;;}  



.max-with-1376{ max-width:1170px ; width: 1170px; }
.f-nav ul{ gap: 24px;}
#footer{ padding: 70px 0 100px; }
.header-top{ min-height: 110px; padding: 0 48px; }
.main-nav>ul{gap: 40px;}
.land-box,
.contact-btn{ padding: 0 0 0 40px; }
#header.fixed .header-top{ min-height: 80px; }
.main-nav>ul>li>a{ font-size: 16px;}
.stickey-btn-jobs{right: 32px; }
.tahnkyou-banner .img{ height: 650px; }
.thankyou-section-1 .shape-bg{width: 400px }

.thankyou-blk{ max-width: 700px; }
}


@media (min-width: 1200px) and (max-width: 1399px) {
h1{ font-size: 36px;}
h2{ font-size: 34px;}
h4{ font-size: 22px;}			


.mt-200{ margin-top: 120px; }
.mb-200{ margin-bottom: 120px; }
.my-200{ margin-top: 120px; margin-bottom: 120px; }
.mt-150{ margin-top: 100px; }
.mb-150{ margin-bottom: 100px; }
.my-150{ margin-top: 100px; margin-bottom: 100px; }
.mt-100{ margin-top: 70px; }
.mb-100{ margin-bottom: 70px; }
.my-100{ margin-top: 70px; margin-bottom: 70px; }
.pt-200{ padding-top: 120px; }
.pb-200{ padding-bottom: 120px; }
.py-200{ padding-top: 120px; padding-bottom: 120px; }

.text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 16px;;} 



.max-with-1376{ max-width:100% ; width: 100%; }
.f-nav ul{ gap: 24px;}
#footer{ padding: 70px 0 100px; }
.header-top{ min-height: 110px; padding: 0 32px; }
.main-nav>ul{gap: 22px;}
.land-box,
.contact-btn{ padding: 0 0 0 22px; }
#header.fixed .header-top{ min-height: 80px; }
.main-nav>ul>li>a{ font-size: 16px;}
.stickey-btn-jobs{right: 32px; }
.application-box{ width: 300px; padding: 60px 16px 70px 20px;}
.tahnkyou-banner .img{ height: 600px; }
.thankyou-section-1 .shape-bg{width: 350px }
.thankyou-blk{ max-width: 700px; }

.notification_popup .content_box .heading { min-width: 300px; }
.notification_popup .content_box .text_block { max-width: 62%; }

}

@media (min-width: 992px) and (max-width: 1200px) {
h1{ font-size: 36px;}
h2{ font-size: 34px;}	
h4{ font-size: 22px;}		


.mt-200{ margin-top: 100px; }
.mb-200{ margin-bottom: 100px; }
.my-200{ margin-top: 100px; margin-bottom: 100px; }
.mt-150{ margin-top: 80px; }
.mb-150{ margin-bottom: 80px; }
.my-150{ margin-top: 80px; margin-bottom: 80px; }
.mt-100{ margin-top: 60px; }
.mb-100{ margin-bottom: 60px; }
.my-100{ margin-top: 60px; margin-bottom: 60px; }
.pt-200{ padding-top: 100px; }
.pb-200{ padding-bottom: 100px; }
.py-200{ padding-top: 100px; padding-bottom: 100px; }

.text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 16px;;}  

.max-with-1376{ max-width:100% ; width: 100%; }
.f-nav ul{ gap: 20px; padding: 40px 0 0 0;}
#footer{ padding: 60px 0 90px; }
.footer-left{width: 208px;}
.stickey-btn-jobs{right: 32px; }
.application-box{ width: 300px; padding: 60px 16px 70px 20px;}
.tahnkyou-banner .img{ height: 600px; }
.thankyou-section-1 .shape-bg{width: 350px }

.thankyou-blk{ max-width: 700px; }

.page-banner { height: 400px; }
.page-content { margin-left: 0; max-width: 100%; }

.notification_popup .content_box .heading { min-width: 250px; }
.notification_popup .content_box .text_block { max-width: 60%; }

}


@media (min-width: 768px) and (max-width: 991px) {
h1{ font-size: 34px;}
h2{ font-size: 32px;}
h4{ font-size: 22px;}		

.mt-200{ margin-top: 100px; }
.mb-200{ margin-bottom: 100px; }
.my-200{ margin-top: 100px; margin-bottom: 100px; }
.mt-150{ margin-top: 100px; }
.mb-150{ margin-bottom: 100px; }
.my-150{ margin-top: 100px; margin-bottom: 100px; }
.mt-100{ margin-top: 100px; }
.mb-100{ margin-bottom: 100px; }
.my-100{ margin-top: 100px; margin-bottom: 100px; }
.pt-200{ padding-top: 100px; }
.pb-200{ padding-bottom: 100px; }
.py-200{ padding-top: 100px; padding-bottom: 100px; }


.text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 16px;;} 

.max-with-1376{ max-width:100% ; width: 100%; }
.stickey-btn-jobs{right: 32px; }
.application-box{ width: 300px; padding: 60px 16px 70px 20px;}
.tahnkyou-banner .img{ height: 600px; }
.thankyou-section-1 .shape-bg{width: 350px }

.page-banner { height: 400px; }
.page-content { margin-left: 0; max-width: 100%; }

.notification_popup .content_box { flex-direction: column; gap: 30px; align-items: flex-start; }
.notification_popup .content_box .text_block { max-width: 100%;width: 100%; }

}

@media (max-width: 1200px) {
#header{ background: rgba(17,21,25,0.8); }	
.header-top{ min-height: 90px; padding: 0 35px; }
.header-top .logo a img.desktop-logo{ display: none;}
.header-top .logo a .mobile-logo{ display: block;}
.menu-icon{ display: block;    right: -22px; position: relative; margin: 0px 0 0 0; top: 0; }
.menu-icon a{ width: 80px; height: 80px; display: flex; align-items: center;  justify-content: center;}
.menu-icon a .line-main{ flex-direction: column; gap: 5px;  justify-content: flex-end; align-items: flex-end;   width: 38px; min-height: 12px; display: flex; position: relative; }
.menu-icon a .line-main i{  position: relative; transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1); width: 100%; height: 4px; border-radius: 4px; background: #fff;  }
.menu-icon a  .line-main i.line-3{ width: 22px; background: var(--themecolor1); }
.menu-icon a.active .line-main i.line-2{ opacity: 0; }
.menu-icon a.active .line-main i.line-1{ transform: rotate(45deg); top: 9px; }
.menu-icon a.active .line-main i.line-3{ background: #fff;  width: 100%;  transform: rotate(-45deg); top: -9px; }
.header-right{ display: none;}
#header.white-header .menu-icon a .line-main i{ background: var(--themecolor2); }
#header.white-header .menu-icon a  .line-main i.line-3{ background: var(--themecolor1); }
#header.white-header .menu-icon a.active .line-main i.line-3{ background: var(--themecolor2); }
.stickey-btn-jobs{right: 32px; }




.main-nav>ul{ width: 100%; gap: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.main-nav>ul>li ul{ padding: 15px 15px 0; display:none;}
.header-mb-main{ display: block; width: 100%; padding: 0 35px 72px;}
.main-nav>ul>li{ display: block; width: 100%; position: relative; }
.main-nav>ul>li .icon{ transition: all 0.3s ease-in-out; position: absolute; right: 0; top: 22px; width: 20px; height: 20px; background: url('../images/nav-arrow.svg') no-repeat center center; }
.main-nav>ul>li.active .icon{ transform: rotate(180deg);}
.main-nav>ul>li .sub-menu li{ padding:12px 0; }
.main-nav>ul>li .sub-menu li a{ min-height: 0; color: #fff; padding: 0;}

#header.white-header .main-nav>ul>li>a { color: var(--themecolor2); }
#header.white-header .main-nav>ul>li .sub-menu li a { color: var(--themecolor2); }
#header.white-header .mobile-header-hidden-outer .menu-outer { background: #fff; }
#header.white-header .main-nav>ul>li .icon { background-image: url('../images/nav-arrow-blk.svg'); }
#header.white-header .contact-btn a { border: none; }

.contact-btn{ padding: 20px 0; display: flex; }
.contact-btn a{ font-size: 18px; height: auto; border: 0; padding: 0; justify-content: flex-start; }
.f-nav-bot{ padding: 30px 0 0 0; }
.f-nav-bot ul{ display: flex;  flex-direction: column;}
.f-nav-bot ul li{ display: block; padding: 15px 0;}
.f-nav-bot ul li a{ color: #fff; font-size: 16px;  font-weight: 300;}
.nav-footer{ position: relative; padding: 152px 35px 28px; background-color: #f0f0f0; border-radius: 10px 10px 0 0;}
.nav-footer-inner .h-icon-mb{ gap: 30px; position: absolute; right: 22px; top: -26px; display: flex;  }
.nav-footer-inner .h-icon-mb a { display: flex; width: 52px; height: 52px; align-items: center; justify-content: center; background: #fff; border-radius: 12px; }
.nav-footer-inner .h-icon-mb a img { display: inline-flex; width: auto; height: auto; }

#header.white-header .f-nav-bot ul li a { color: var(--themecolor2); }
#header.white-header .nav-footer-inner .h-icon-mb a { background: #111519; }
#header.white-header .nav-footer-inner .h-icon-mb a img { filter: brightness(0) invert(1); }

.nav-footer-sub{ display: block; width: 100%; position: relative;}
.nav-footer-sub .h-icon{ position: absolute; right: 0; top: -18px; display: flex; }
.nav-footer-sub .h-icon img{width: 42px; height: auto;}

.nav-footer-sub .ct-btn{ padding: 0 0 24px; display: flex; align-items: center;}
.nav-footer-sub .ct-btn a{ display: flex; color: #111519; border-radius: 100px; padding: 0 16px 2px; font-size: 14px; line-height: 1.29; font-weight: bold; align-items: center;  border: solid 2px #111519; height: 26px;}
.nav-footer-sub .ct-btn a:hover{ transform: scale(1.1); }
.nav-footer-sub .sub-text p{ display: block; color: #1a1b1d; line-height: 1.57; font-size: 13px;  font-weight: normal;}
.nav-footer-sub .sub-text p strong{ font-weight: bold;}
.nav-footer-sub .sub-text p span{ font-weight: 300;}


.land-box.mobile-show { padding: 10px 0 0 0; color: #fff; }
.land-box.mobile-show a{ color: #fff; opacity: 0.6;}
.land-box.mobile-show a.active{ opacity: 1; color: #fff; }
.land-box.mobile-show i{ margin: 0 2px; }

#header.white-header .land-box.mobile-show { padding: 10px 0 0 0; color: var(--themecolor2); }
#header.white-header .land-box.mobile-show a{ color: var(--themecolor2); opacity: 0.6;}
#header.white-header .land-box.mobile-show a.active{ opacity: 1; color: var(--themecolor2); }
#header.white-header .land-box.mobile-show i{ margin: 0 2px; } 
}

@media (max-width: 1199px) {

  .stickey-btn-jobs{right: 24px; display: none !important; }

}

@media (max-width: 992px) {
.max-with-1376{ max-width:100% ; width: 100%; }
.footer-top{ position: relative; flex-direction: column-reverse; align-items: flex-start; gap: 23px;}
.footer-left{width: 100%; text-align: center; }
.footer-left .icon{ justify-content: center; padding: 0 0 24px; } 
#footer{ padding: 73px 0 26px; }
.f-nav ul{ display: none;}
.f-info-box{ display: none;}
.footer-left .icon{ position: absolute; right: 0; top:-18px; padding: 0; }
.footer-left .icon img{width: 42px;}
.footer-left .sub-text{ width: 236px; text-align: left;}
.footer-left .sub-text p{ font-size: 14px;}

.section-title .text-data{ padding: 20px 0 0 0; }
.stickey-btn-jobs{right: 24px; display: none !important; }
.breadcrumb-block{ flex-direction: column-reverse; gap: 12px; align-items: flex-start;}
.breadcrumb-list ul li, .breadcrumb-list ul li a{ font-size: 14px;}
.tahnkyou-banner .img{ height: 600px; }
.thankyou-section-1 .shape-bg{width: 350px }

body.active-menu{ overflow: hidden; }

.header-wapper .notification_popup {display: none;}
.notification_popup.mobile {display: block;}

}


@media (max-width: 767px) {
h1 { font-size:28px;}
h2{ font-size: 28px;}	
h4{ font-size: 22px;}

.container {width:100%;max-width:100%; padding: 0 32px;}
.row>*{ width: 100%;} 

.mt-200{ margin-top: 80px; }
.mb-200{ margin-bottom: 80px; }
.my-200{ margin-top: 80px; margin-bottom: 80px; }
.mt-150{ margin-top: 80px; }
.mb-150{ margin-bottom: 80px; }
.my-150{ margin-top: 80px; margin-bottom: 80px; }
.mt-100{ margin-top: 80px; }
.mb-100{ margin-bottom: 80px; }
.my-100{ margin-top: 80px; margin-bottom: 80px; }
.pt-200{ padding-top: 80px; }
.pb-200{ padding-bottom: 80px; }
.py-200{ padding-top: 80px; padding-bottom: 80px; }

.banner-image-outer .bg-image,
.banner-image-outer .video-iframe { height: 480px; }
/* .text-data p,
.text-data p a,
.text-data ul li,
.text-data ol li{ font-size: 14px; line-height: 1.43;letter-spacing: 0.7px;;} */
.production-box{ max-width: 100%; } 
.banner-text .icon{ padding: 0 0 32px; }
.desktop-show{ display: none !important;}
.application-box{ width: 100%; padding: 32px 16px 40px 20px;}
.application-box .app-img{ width: 80px; top: -30px;}
.text-data p{ white-space: normal;  }
.tahnkyou-banner .img{ height: 600px; }
.thankyou-section-1 .shape-bg{width: 320px }

.thankyou-btn-set{ flex-direction: column; gap: 16px; padding: 32px 0 0 0;}
.thankyou-btn-set a{ min-width: 200px; }
.thankyou-blk{ padding: 64px 16px; }

.page-banner { height: 350px; }
.page-content { margin-left: 0; max-width: 100%; padding-top: 80px; padding-bottom: 80px; }

.notification_popup { padding: 40px 30px; }
.notification_popup .content_box { flex-direction: column; gap: 30px; align-items: flex-start; }
.notification_popup .content_box .text_block { max-width: 100%;width: 100%; }
.notification_popup .close-btn { top: -20px; }


}
@media (max-width: 400px) {

}