@charset "utf-8";
/* CSS Document */
.current-vacancy-sec1{width: 100%; height: auto; float: left;  display: block; margin-top: -25px;}
.current-vacancy-sec1:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.current-vacancy-sec1a{width: 100%; height: auto; float: left;  display: block; background: rgba(255,255,255,1.00); padding: 0px 0px 0px 0px;  position: relative; z-index: 9;   }

.maim-tab-box { display: flex !important; align-items: flex-start; width: 100%; position: relative;}
ul.tab1 { position: -webkit-sticky !important;  position: sticky !important; top: 100px;  width: 30%;  list-style: none; padding: 0;  margin: 0; z-index: 999;}
.tab1 li {width: 100%; height: auto; float: left;display: block;padding: 15px 15px;background: #f0f0f0;cursor: pointer;border-top: 0px solid #c5c5c5; border-right: 0px solid #c5c5c5; border-left: 0px solid #c5c5c5; border-bottom: 1px solid #c5c5c5;font-size: 15px;font-weight: 400; color: #5c5c5c; margin-bottom: 0px;
position: relative; z-index: 2;}
.tab1 li:last-child {border-bottom: 0px solid #c5c5c5;}
.tab1 li h2 {font-size:18px ; line-height: 24px; color: #000; margin-bottom: px;}
.tab1 li span { width: auto;display: inline-block;font-size: 14px;font-weight: 400;line-height: 22px;color: #000;border-bottom: 0px;margin-right: 10px; position: relative;padding-right: 10px; margin-bottom: 5px;}
.tab1 li span strong{ font-weight: 600; padding-left: 5px;}
.tab1 li span:after {content: '';position: absolute;right: 0px;top: 6px; width: 1px;height: 15px;background: #ccc;}
.tab1 li span:last-of-type:after { display: none;}
.tab1 li.aboutGpsTabActive {background: #fff ;color: #0aa3ff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;border-top: 1px solid #fff;border-left: 1px solid #fff;-webkit-box-shadow: 5px 10px 30px 5px rgba(0,0,0,0.11);-moz-box-shadow: 5px 10px 30px 5px rgba(0,0,0,0.11);box-shadow: 5px 10px 30px 5px rgba(0,0,0,0.11);margin-top: -1px;}
.tab1 li.aboutGpsTabActive:after {content: '';width: 30px;height: 15px;position: absolute; top: 50%;right: -30px;border: 10px solid transparent;border-left: 10px solid #fff;z-index: 11;}
.tab-con-start {width: 70%;height: auto;float: left;display: block;text-align: left;padding: 30px 30px 30px 60px;}


.department-tab h3 { width: 100%; height: auto;float: left;display: block;padding-bottom: 20px;box-sizing: border-box;font-size: 18px;font-weight: 600;color: #262626;line-height: 22px;text-align: left;}
.department-tab p {width: 100%;height: auto;float: left;display: block;padding-bottom: 20px;box-sizing: border-box;font-size: 14px;font-weight: 400;color: #262626;line-height: 22px;text-align: left;margin: 0;}
.job-list2{width: 100%; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0px; font-size: 0px; }
.job-list2 li{ width: 50%; display: block; float: left; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; position: relative; padding-right: 20px; padding-left: 20px; margin-bottom: 10px; }
.job-list2 li:after{content: ''; position: absolute; left: 0px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: #307fe2; }

.department-box{width: auto; height: auto; float: left;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0px; font-size: 0px; }
.department-box li{ width: auto; display: inline-block; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 10px; position: relative; padding-right: 10px; }

.department-box li span strong{ display: inline-block; padding-left: 5px;}

.department-box li:after{ content: ''; position: absolute; right: 0px; top: 6px; width: 1px; height: 15px; background:  #ccc; }
.department-box li:last-child:after{display: none;}
.gap20{ width: 100%; height: 30px; float: left; display: block;}
.apply{width: auto; height: 100%; float: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 0px; font-size: 0px;     align-items: center; font-size: 14px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 0px; margin-top: -30px; }
.apply a{font-size: 14px; font-weight: 400; line-height: 22px; color: #fff; padding: 8px 20px; border-radius: 3px;transition: .8s; background: #307fe2; border: 1px solid #cfcfcf; text-transform: uppercase;}
.apply a:hover{ color: #000;}
.apply a:hover{ background: #ffffff;}


.apply2{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 0px; font-size: 0px;     align-items: center; font-size: 12px; font-weight: 400; line-height: 22px; color: #000; border-bottom: 0px; margin-right: 0px; }
.apply2 a{font-size: 12px; font-weight: 400; line-height: 22px; color: #fff; padding: 4px 10px; border-radius: 3px;transition: .8s; background: #307fe2; border: 1px solid #cfcfcf; text-transform: uppercase;}
.apply2 a:hover{ color: #000;}
.apply2 a:hover{ background: #ffffff;}

.right-con.fixed-sticky { position: fixed !important; top: 85px !important; left:30% ;
    width: calc(1300px * 0.70);  max-width: 65%; background-color: #fff;z-index: 998; padding-left: 30px; padding-top: 20px; padding-bottom: 30px; 
}

.right-con.fixed-sticky:after{ content: ''; position: absolute; left: 30px; right: 0; bottom: 0; width: 100%; height: 1px; background: #ccc;}

/* Base Layout Setup with smooth spatial transitions */
#aboutGpsTab, 
.right-con {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
    will-change: transform, opacity; 
}

/* --- ACTIVE FIXED TRANSITION STATES --- */

/* Left Sidebar Fixed */
#aboutGpsTab.fixed-sticky {
    animation: slideStickyIn 0.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Right Header Box Fixed */
.right-con.fixed-sticky {
    animation: slideStickyIn 0.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Smooth layout offset spacer injection */
.tab-con-start {
    transition: margin-left 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.tabNavDropMenu ul li h2{ font-size: 16px; color: #000;}

.back-history {
    width: auto;
    height: auto;
    float: right;
    position: relative; z-index: 9999; display: block;
}

.back-history span {
    width: auto;
    height: auto;
    float: left;
    cursor: pointer;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 20px;

}

.back-history span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    width: 28px;
    height: 16px;
    background: url(../images/arrow-set5.png) no-repeat -72px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.back-history span:hover:after {
    background: url(../images/arrow-set5.png) no-repeat 0 0;
}


/* --- KEYFRAME ANIMATIONS FOR THE ENTRANCE --- */
@keyframes slideStickyIn {
    0% {
        transform: translateY(-10px);
        opacity: 0.85;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive Overrides */
@media (max-width: 1023px) {
    #aboutGpsTab.fixed-sticky,
    .right-con.fixed-sticky {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none;
        animation: none;
    }
    #aboutGpsTab.fixed-sticky + .tab-con-start {
        margin-left: 0;
    }
    .apply { width: 100%;height: auto; float: left; margin-top: 0px;}
    .right-con h2{ font-size: 18px;}
}




















.applynow-sec1{width: 100%; height: auto; float: left;  display: block; margin-top: -25px;}
.applynow-sec1:after{ content: ''; width: 100%; display: block; height: 0; font-size: 0px; line-height: 0; clear: both;}
.applynow-sec1a{width: 100%; height: auto; float: left;  display: block; background: rgba(255,255,255,1.00); padding: 50px 50px ; border-top-left-radius: 10px; border-top-right-radius: 10px; z-index: 3; position: relative; z-index: 9;   }
.applynow-sec1a:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 200px; z-index: 2; -webkit-box-shadow: 0px -44px 50px -3px rgba(145,165,220,0.53);
-moz-box-shadow: 0px -46px 50px -3px rgba(145,165,220,0.53);
box-shadow: 0px -46px 50px -3px rgba(145,165,220,0.53); border-top-left-radius: 10px; border-top-right-radius: 10px; }


.post-query-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  }
.post-query-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.post-query-sec1-box1{width: 100%; height: auto; float: left; display: block; position: relative; z-index: 9999; }
.post-query-sec1-box1 h2{ width: 100%; max-width:580px;  font-size: 18px; font-weight: 600; color: #000; line-height: 22px;  }
.from-main2{  width: 100%; height: auto; float: left; display: block; margin-top: 30px; position: relative; z-index: 9999; } 
.from-main2 ul{margin-left: -15px; margin-right: -15px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.from-main2 ul li{ height: auto; float: left; display: block; padding: 5px 15px;}
.row1{width: 100%;}
.row2{width: 50%;}
.row3{width: 33.3333%;}
.row4{width:25%;}

.floating-label2 { 
  position:relative; 
  margin-bottom:20px; 
}
.floating-label2 label {
  color:#000; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 0px;
}
.floating-label2 label strong { color: #072876; padding-left: 4px;}
.radio-box aside{ font-size: 18px; font-weight: 400; padding-bottom: 8px;}
.radio-box span {font-size: 16px; font-weight: 400; }
.radio-box aside strong { color: #072876; padding-left: 4px;}

/****  floating-Lable style start ****/

.floating-input3 , .floating-select {
  font-size:18px !important;
  padding:4px 0px;
  display:block;
  width:100%;
  height:46px!important; color: #000 !important;
  background-color: transparent;
  border:none;
  border-bottom: 1px dashed #ACACC0!important;   background: transparent;
  -webkit-appearance: none;
}

.floating-input3:focus , .floating-select:focus {
     outline:none;
     border-bottom:1px dashed #072876!important; 
}



.floating-input3:focus ~ label, .floating-input3:not(:placeholder-shown) ~ label {
  top:-20px;
  font-size:16px;
  color:#ccc ; 
	 padding: 0 0px; 
}
.floating-input3:focus ~ .bar:before, .floating-input3:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

.floating-input3:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.radio-box article{ width: auto; height: auto; display: inline-block;}
.radioBtn{ position:relative; display:inline-block !important; padding-left:26px; margin-right:30px; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.radioBtn span{ display:inline-block !important; z-index: 1;}
.radioBtn span:before{content:''; position:absolute; top:0; left:0; height:21px; width:21px; background:url(../images/radioBtn.png) no-repeat 0 100%;}
.radioBtn input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index: 2;}
.radioBtn input:checked ~ span:before { background:url(../images/radioBtn.png) no-repeat 0 0;}

.other-show{ display: inline-block; width: auto; height: auto;}



.captcha5{ width: 100%; height: auto; float: left; display: block;}
.captcha5 small{ height: auto; float: left; display: block; font-size: 27px; font-weight: 400; color: #000; margin-top: 5px; margin-right: 10px;}
.captcha5 big{ width: 30px; height: 30px; float: left; display: block; cursor: pointer; margin-top: 6px;}
.submit-box5 {
    width: auto;
    height: auto;
    float: left;
    display: block;
}

.submit-box5 input[type='submit'] {
    width: 180px; float: left;
    height: 44px;
    background: #072876;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #000, #000);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat; padding: 0 0px; text-align: center;
}

.submit-box5 input[type='submit']:hover {
    background-size: 100%;
    color: #fff;
}


.submit-box5 input.reset[type='button'] {
   width: 180px; float: left; margin-left: 10px; text-align: center;
    height: 44px;
    background: #ccc;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #000, #000);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat; padding: 0 0px;
}

.submit-box5 input.reset[type='button']:hover {
    background-size: 100%;
    color: #fff;
}


.uploadFile{position:relative;}
.uploadFile span{position:relative; display:block; height:45px; line-height:45px; padding:0 150px 0 0px; border-bottom:1px solid #d6d6d4; border-radius:0px; overflow:hidden; font-size: 18px; color: #000;}
.uploadFile:before{content:'Browse File'; display:inline-block; background-color:#2460a2; text-align:center; font-size:16px; text-transform:uppercase; font-family:'Exo 2', sans-serif; height:45px; line-height:45px; color:#FFF; border-top-right-radius:0px; border-bottom-right-radius:0px; padding:0 20px; cursor:pointer; position:absolute; right:0; top:0;}
.uploadFile b{display:block; font-weight:400; font-size:12px; padding:5px 0px; font-style: italic;}
#uploadFile{position:absolute; left:0; top:0; opacity:0; height:100%; width:100%; display:block; cursor: pointer;}











*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* active state */


/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}



.floating-textarea3 {
    min-height: 80px !important;
    max-height: 260px;
    padding: 8px 15px;
    resize: none;
}

.maxwords{ font-size: 14px; font-weight: 400; line-height: 18px; font-style: italic;}








@media screen and (max-width:800px) {
  .row2 { width: 100%;}
  .post-query-sec1-box1 h2 { font-size: 18px;line-height: 22px;}
  .post-query-sec1 { padding:30px 0 30px 0;}

.maim-tab-box {flex-wrap: wrap;}
  .tab-con-start{ width: 100%; padding: 10px;}
  .text30{ display: none;}
}
/* Menstrual care End */





@media screen and (max-width:600px){
	.warranty_accordian article>div section {width: 96%; padding-left: 0px; padding-right: 0px;}
	.warranty_accordian article>div section figure {width: 100%;}
	.warranty_accordian article>div section aside { width: 100%;padding: 10px 0 0;}

	.row3 { width: 100%;}
	.applynow-sec1a {padding: 30px 20px;}
	.job-list2 li { width: 100%;}
	.warranty_accordian article>h2 span small { width: 30px; left: 10px;}
	.warranty_accordian article>h2 span { padding: 20px 40px 20px 40px;}
}




@media (max-width: 1023px) {
.tabNavDropMenu{ width: 100%; height: auto; float: left; display: block; border: 1px solid #ccc;  position: relative;}
.tabNavDropMenu strong{width: 100%; height: 50px; float: left; display: block; font-size: 22px;  font-weight: 400; color:#3d3c3c; line-height: 50px; font-style: normal; padding-left: 20px; background:  url(../images/arrow555.png ) no-repeat 95% 20px;}
.tabNavDropMenu ul{ position: absolute; left: 0; right: 0; top: 50px; border: 1px solid #ccc; border-top: 1px solid transparent; font-size:18px;  font-weight: 400; color:#3d3c3c; line-height: 32px; background: #FFFFFF; z-index: 999;}
.tabNavDropMenu ul li{ width: 100%; height: auto; float: left; display: block;font-size: 18px;  font-weight: 400; color:#237da7; line-height: 32px; font-style: normal; border-bottom:  1px solid #e6e0e0; padding: 10px 20px; box-sizing: border-box;}
.tabNavDropMenu ul li:last-child{border-bottom:  0px solid #ccc; }


}