@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:400,500,600,700&display=swap');

/* font-family: 'Open Sans', sans-serif;
  font-family: 'Hind Siliguri', sans-serif;
*/


.wrapperOrder{max-width: 1170px;width:100%;display: inline-block;}
.formSection{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.formSection .wrapperOrder .formDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv form{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .personalInfo{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .personalInfo ul{width: 100%;float: left;display: flex;justify-content: flex-start;align-items: center;flex-flow: row wrap;padding: 0;margin: 0;}
.formSection .wrapperOrder .formDiv .personalInfo ul li{display: inline-block;width: calc(33.33% - 30px);margin-right: 25px;margin-bottom: 25px;}
.formSection .wrapperOrder .formDiv .personalInfo ul li .labelDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .personalInfo ul li .labelDiv label{text-transform: uppercase;font-family: 'Hind Siliguri', sans-serif;font-weight: 500;font-size: 13px;text-align: left;color: #2b2b2b;letter-spacing: 1px;padding: 0;}
.formSection .wrapperOrder .formDiv .personalInfo ul li .inputDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .personalInfo ul li .inputDiv input[type='text']{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255); /*  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);*/border-style: solid;border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif;color: #000;}

.formSection .wrapperOrder .formDiv .applicationSect{width: 100%;float: left;margin:  18px 0 0 0;}
.formSection .wrapperOrder .formDiv .applicationSect .labelDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .applicationSect .labelDiv label{text-transform: uppercase;font-family: 'Hind Siliguri', sans-serif;font-weight: 500;font-size: 13px;text-align: left;color: #2b2b2b;letter-spacing: 1px;}

.formSection .wrapperOrder .formDiv .applicationSect ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;padding: 0;margin: 0;}
.formSection .wrapperOrder .formDiv .applicationSect ul li{display: inline-block;width: calc(14% - 30px);margin-bottom: 40px;}
/* .formSection .wrapperOrder .formDiv .applicationSect ul li:nth-child(18){margin-bottom: 0;} */
/* .formSection .wrapperOrder .formDiv .applicationSect ul li:last-child{margin-bottom: 20px;} */

.formSection .wrapperOrder .formDiv .applicationSect ul li span.labelName{padding-left: 17px ; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #2b2b2b;font-size: 13px;}

.formSection .wrapperOrder .formDiv .applicationSect .otherDiv{width: 30%;float: left;padding: 0px 0 28px 0;}
.formSection .wrapperOrder .formDiv .applicationSect .otherDiv .inputDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .applicationSect .otherDiv .inputDiv input[type='text']{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255);  /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);*/border-style: solid;border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif;color: #000 !important;}



.round {position: relative;}
.round label {background-color: #fff; border: 1px solid #ccc; border-radius: 50%;cursor: pointer;height: 25px;left: 0;position: absolute;top: 0;
  width: 25px; float: none;display: inline-block;}
.round label:after {border: 2px solid #000;border-top: none;border-right: none;content: "";height: 6px;left: 5px;opacity: 0;position: absolute;top: 8px;
  transform: rotate(-45deg);  width: 12px;}
.round input[type="checkbox"] {visibility: hidden;}
.round input[type="checkbox"]:checked + label {background-color: #ededed; border-color: #ededed;}
.round input[type="checkbox"]:checked + label:after { opacity: 1;}

.formSection .wrapperOrder .formDiv .form-submdiv{width: 100%;float: left;/*margin: 80px 0 40px 0;*/margin: 42px 0 40px 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.formSection .wrapperOrder .formDiv .form-submdiv input[type=submit] {margin: 0; padding: 6px 40px; text-transform: uppercase;font-size: 16px;
/*box-shadow: 6.344px 2.958px 4px 0px rgba(0, 0, 0, 0.22);*/letter-spacing: 1px;text-transform: uppercase;font-family: 'Hind Siliguri', sans-serif;font-weight: 500;font-size: 16px;float: left;text-align: center;cursor: pointer !important;}

#right-message2{font-weight: 700;text-align: center;width: 100%;display: inline-block;padding-top: 15px;}

.formSection .wrapperOrder .formDiv .productInfo{width: 100%;float: left;margin-top: 0px;}
.formSection .wrapperOrder .formDiv .productInfo ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;padding: 0;margin: 0;}
.formSection .wrapperOrder .formDiv .productInfo ul li{display: inline-block;width: calc(33.33% - 30px);}
.formSection .wrapperOrder .formDiv .productInfo ul li#AboutusDiv{padding-top: 26px;}
.formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv label{text-transform: uppercase;font-family: 'Hind Siliguri', sans-serif;font-weight: 500;font-size: 13px;text-align: left;color: #2b2b2b;letter-spacing: 1px;padding:0}
.formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv label span.small{text-transform: none;font-size: 13px;}
.formSection .wrapperOrder .formDiv .productInfo ul li .inputDiv{width: 100%;float: left;}
.formSection .wrapperOrder .formDiv .productInfo ul li .inputDiv input[type='text']{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255);  opacity: 0.81;  /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);*/border-style: solid;  border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif;color: #000 !important;}
  
  .formSection .wrapperOrder .formDiv .productInfo ul li .inputDiv input[type='tel']{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255);  opacity: 0.81; /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);*/border-style: solid; border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif; color: #000;}


.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv{width: 100%;float: left;position: relative;}
.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv select{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255);  opacity: 0.81;  /* box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);*/border-style: solid;border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif;appearance: none;-webkit-appearance: none;color: #000 !important;}

.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv select option{width: 100%;display: inline-block;border: none;border-radius: 25px;  background-color: rgb(255, 255, 255);  opacity: 0.81;  box-shadow: 0px 7px 40px 0px rgba(0, 0, 0, 0.28);border-style: solid;border-width: 1px; border-color: rgb(180, 179, 179);padding: 12px;font-family: 'Open Sans', sans-serif;appearance: none;-webkit-appearance: none;}

.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv:after {content: '\f107';font: normal normal normal 16px/1 FontAwesome;color:#aba7a7;
  right: 20px; top: 16px; font-weight: bold; padding: 0px 0px 0px 8px; position: absolute; pointer-events: none; cursor: pointer;}

.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv.map:after {content: '\f041';font: normal normal normal 16px/1 FontAwesome;color:#aba7a7;
  right: 20px; top: 16px; font-weight: bold; padding: 0px 0px 0px 8px; position: absolute; pointer-events: none; cursor: pointer;}



  .multiple-items{display: flex;justify-content: center;}
  .slide_one {width: 28% !important;}
  #carbonDesign h3 {font-size: 50px !important;font-family: 'Hind Siliguri', sans-serif;font-weight: 700;}
  .slideItem {width: 100%; float: left;margin-top: 55px;}
  
  #carbonDesign .paddingtb {padding-top: 3rem;}
  
  /*   Changes in product page by AMIT */
  .banner-bg .amitDiv {position: absolute;bottom: -17%;width: 65%; border-radius: 50%; background: url(../images/pro-inner-img.png) no-repeat center center;
    right: -60px;height: 100vh;background-size: 74%;} 
  .banner-bg .text-div {padding: 24px 0px 40px 0px; text-align: center; width: 44%;background-color: transparent;z-index: 1; position: absolute; right: 28%; margin-right: 0;  height: 100%; display: flex; flex-direction: column; justify-content: center;}
  
  .banner-bg .text-div h1 {font-size: 20px;color: #a7a7a7;}
  .banner-bg .text-div ul li span {font-size: 60px;}
  .banner-bg .text-div ul li .small-text {font-size: 24px;color: #eee;}
  .banner-bg .text-div ul {padding: 0 15px 0px 0px;margin: 15px 0 0px;}
  .banner-bg .text-div .sub-text-head {font-size: 15px;color: #808080;font-family: 'hind_siliguriregular';font-weight: 300;}
  .banner-bg .text-div h1 span:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 0;
    width: 80px;
    background-color: #999999;
    top: 50%;
    /* margin-left: 15px; */
    transition: all .45s ease 0s;
    -moz-transition: all .45s ease 0s;
    -webkit-transition: all .45s ease 0s;left: -94px;
}
  /* .banner-bg .text-div h1 span.inView:after {display: none;} */
  .banner-bg .text-div .imgInfo{width: 100%;float: left;padding-top: 30px;}
  .banner-bg .text-div .imgInfo ul.child{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;}
  .banner-bg .text-div .imgInfo ul.child li.childList{display: inline-block;width: 45%;text-align: center;}
  .banner-bg .text-div .imgInfo ul.child li.childList.equal{width: 5%;margin-bottom: 42px;}
  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv{width: 100%;float: left;}
  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img{max-width: 52%;}
  .banner-bg .text-div .imgInfo ul.child li.childList p.sub{font-size: 13px;color: #fff;padding-top: 10px;}
  .banner-bg .text-div .imgInfo ul.child li.childList span{color: #fff;font-size: 15px;}
  .banner-bg .bg-transprent-div {display: none;}
  
  .navbar-dark .navbar-nav .nav-link{border-bottom: 1px solid #fff;}
  .navbar-dark .navbar-nav .nav-link:hover {font-weight: 700; border-bottom: 1px solid #000;}

/*--ishwar---*/
  p.e.otherErr {color: #f01414 !important;font-size: 12px;font-family: 'hind_siliguri_lightregular';position: absolute;/*margin-top: 429px;*/}
  p.e.AboutusErr {color: #f01414 !important;font-size: 12px;font-family: 'hind_siliguri_lightregular';position: absolute;margin-top: 78px;}
  p.e.error {color: #f01414 !important;margin-bottom: 0;font-size: 12px;font-family: 'hind_siliguri_lightregular';position: absolute;text-transform: none!important; letter-spacing: normal !important;}
 span.message {float: right; margin-top: 24px;}
/*--ishwar---*/

input[type=tel]{
  width: 100%;
  padding: 12px 37px;
  border: 1px solid #999999;
  border-radius: 4px;
  box-sizing: border-box;
  resize: none;
  outline: none;
  border-radius: 30px;
  font-family: 'hind_siliguriregular';
  font-size: 15px;
  background-color: transparent; ;
 color: #989898;;
}




@media screen and (max-width:1600px){

  /* .banner-bg .text-div {width: 38% !important;    margin-right: 10%;}
  .banner-bg .bg-transprent-div {width: 48% !important;} */
  .banner-bg .amitDiv {width: 78% !important;right: -116px !important;}
}

@media screen and (max-width:1440px){

 /*  .banner-bg .text-div {width: 44% !important;}
  .banner-bg .bg-transprent-div {width: 52% !important;}
  .banner-bg .text-div ul li .small-text {font-size: 21px;}
  .banner-bg .text-div ul li span {font-size: 52px;}
  .banner-bg .text-div .sub-text-head { font-size: 14px;padding: 0 40px;} */

  .banner-bg .amitDiv {width: 88% !important; right: -95px !important;}

}

@media screen and (max-width:1366px){

  .banner-bg .amitDiv {width: 70% !important;right: -106px !important;bottom: -14% !important;}
  .banner-bg .text-div ul li span.white {font-size: 45px !important;}
  .banner-bg .text-div ul li .small-text {font-size: 18px !important;}
  .banner-bg .text-div ul {margin: 0px 0 0px !important;}
  .banner-bg .text-div .imgInfo {padding-top: 10px !important;}
  .banner-bg .text-div{top: 20px !important;}

  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img {max-width: 40% !important;}
  .banner-bg .amitDiv {background-size: 68% !important;}
  .banner-bg {height: calc(100vh - 0px) !important;}
  .banner-bg .text-div h1 { padding-bottom: 15px !important;}
  .formSection {padding: 0 60px;}
  .wrapperOrder {max-width: 1000px;}
  .formSection .wrapperOrder .formDiv .applicationSect ul li {width: calc(12% - 5px);}
  .formSection .wrapperOrder .formDiv .applicationSect ul li span.labelName {padding-left: 14px !important;}
  #carbonDesign h3 {font-size: 40px !important;}
  .banner-bg .text-div h1 span.inView:after {width: 50px !important;}
  .banner-bg .text-div h1 span.inView:before{width: 50px !important;left: -66px;}
  .formSection .wrapperOrder .formDiv .applicationSect ul li span.labelName {font-size:11px !important}
/*   .formSection .wrapperOrder .formDiv .applicationSect ul li:nth-child(17){margin-bottom: 0;}
.formSection .wrapperOrder .formDiv .applicationSect ul li:nth-child(16){margin-bottom: 0;} */
/*p.e.otherErr {margin-top: 408px;}*//*--edit  by ishwar--*/
p.e.error {/*margin-top:111px;  */ text-transform: none !important;letter-spacing: normal!important;}/*--edit    bottom: 87px; by ishwar--*/
}

@media screen and (max-width:1280px){
/* 
  .banner-bg .text-div ul li span.white {font-size: 55px !important;}
  .banner-bg .text-div ul li .small-text {font-size: 22px !important;} */

  .banner-bg .amitDiv {
    width: 77% !important;}

}


@media screen and (max-width:1170px){

  .wrapperOrder{padding: 0 30px;}
  .banner-bg .amitDiv {width: 84% !important;right: -84px !important;  bottom: -25% !important;}
.banner-bg .text-div ul li span.white {font-size: 32px !important;}
.banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img {max-width: 50%;}
/* 
  .banner-bg .text-div .imgInfo {padding-top: 0px !important;}
  .banner-bg .amitDiv {bottom: -21% !important;}
  .banner-bg .text-div ul li span.white {font-size: 45px !important;}
  .banner-bg .text-div ul li .small-text {font-size: 18px !important;}
  .banner-bg .text-div h1 {font-size: 17px !important;}
  .banner-bg .text-div .sub-text-head {font-size: 14px !important;}
  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img { max-width: 50% !important;} */

}

@media screen and (max-width:1024px){

.formSection .wrapperOrder .formDiv .applicationSect ul li {display: inline-block;width: calc(24% - 30px);}

.formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv label{font-size: 11px;}
.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv select {padding: 9px;}
.formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv:after{top:12px}

}

@media screen and (max-width:800px){
  .formSection .wrapperOrder .formDiv .personalInfo ul li {width: calc(50% - 30px); margin-bottom: 30px;}
  .formSection .wrapperOrder .formDiv .applicationSect ul li {width: calc(24% - 0px);}
  .formSection .wrapperOrder .formDiv .productInfo ul li {width: calc(50% - 30px);margin-bottom: 30px;}
  .formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv select {font-size: 13px;}
  .formSection {margin-top: 60px;}
  .formSection .wrapperOrder .formDiv .form-submdiv {margin: 35px 0 45px 0;}
  .formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv label {font-size: 13px;}

  .banner-bg .amitDiv {width: 100% !important; right: 2px !important;background-size: 90% !important;}
  .banner-bg .text-div {width: 54% !important;right:23% !important ;}
  .banner-bg .amitDiv {bottom: -27% !important;}

}


@media screen and (max-width:768px){

  .banner-bg .amitDiv {bottom: -22% !important;    background-size: 98% !important;}
  .banner-bg {height: 100vh;}
  .banner-bg .text-div {width: 54% !important;top: 24px;}
  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img { max-width: 50% !important;}
  .banner-bg .text-div .imgInfo ul.child li.childList p.sub {height: 30px;}

}


@media screen and (max-width:640px){

  .banner-bg .text-div ul li span.white {font-size: 36px !important; }
  .banner-bg .amitDiv {bottom: -25% !important;}
  .banner-bg .text-div .imgInfo ul.child li.childList p.sub {font-size: 11px;}
  .banner-bg .text-div .imgInfo ul.child li.childList .imgDiv img {max-width: 40% !important;}
  .banner-bg .text-div ul li .small-text {font-size: 16px !important;}
  .banner-bg .text-div .imgInfo ul.child li.childList p.sub {height: 30px;}
  .banner-bg .amitDiv {width: 94% !important; margin: 0%; padding: 5%; bottom: 0% !important; height: 76vh; left: 3% !important; background: url(../images/proinner_mob-vector.png) !important;border-radius: 0% !important;}


  .banner-bg .text-div ul li .small-text {font-size: 14px !important;}
  .banner-bg .text-div {width: 78% !important; top: 24px;    right: 11% !important;padding: 0px 0px 40px 0px;}
  .banner-bg .text-div ul li span.white {font-size: 26px !important;}

  .banner-bg .text-div .imgInfo ul.child li.childList p.sub {height: 30px;}
}

@media screen and (max-width:500px){
  .formSection .wrapperOrder .formDiv .personalInfo ul li {width: calc(100% - 0px); margin-bottom: 20px;}
  .formSection .wrapperOrder .formDiv .applicationSect ul li {width: calc(33.33% - 0px);margin-bottom: 35px !important;}
  .formSection .wrapperOrder .formDiv .productInfo ul li {width: calc(100% - 0px);margin-bottom: 20px;}
  .formSection .wrapperOrder .formDiv .productInfo ul li:nth-child(3){margin-bottom: 0px !important;}
  .formSection .wrapperOrder .formDiv .productInfo ul li .selectDiv select {font-size: 13px;}
  .formSection {margin-top: 0px;}
  .formSection .wrapperOrder .formDiv .form-submdiv {margin: 35px 0 20px 0;}
  .formSection .wrapperOrder .formDiv .productInfo ul li .labelDiv label {font-size: 13px;}


  .banner-bg .amitDiv {width: 94% !important; margin: 0%; padding: 5%; bottom: 0% !important; height: 76vh; left: 3% !important; border-radius: 0% !important;}


  .banner-bg .text-div ul li .small-text {font-size: 14px !important;}
  .banner-bg .text-div {width: 78% !important; top: 24px;    right: 11% !important;padding: 0px 0px 40px 0px;}
  .banner-bg .text-div ul li span.white {font-size: 30px !important;}

  .banner-bg .text-div .imgInfo ul.child li.childList p.sub {height: 30px;}
  #carbonDesign h3 {font-size: 28px !important;}
  #carbonDesign h3 br{display:none;}
  .formSection {padding: 0 15px;}
  .wrapperOrder {padding: 0 0px;}
  .formSection .wrapperOrder .formDiv .personalInfo ul li .labelDiv label {padding-bottom: 0 !important;}
  .formSection .wrapperOrder .formDiv .applicationSect ul {justify-content: flex-start;}

  .slide_one {width: 58% !important;}
  .banner-bg .text-div .sub-text-head {padding-top: 10px;}
  .formSection .wrapperOrder .formDiv .applicationSect {margin: 10px 0 0 0;}
  .formSection .wrapperOrder .formDiv .applicationSect .otherDiv {width: 100%;}
 /*--edit  by ishwar--*/
 /*--edit  by ishwar--*/
  span.message {margin-top: 25px;}/*--edit  by ishwar--*/
  p.e.AboutusErr {color: #f01414 !important; /* margin-bottom: -36px; */ font-size: 12px; position: absolute;  margin-top: 70px;}
  .formSection .wrapperOrder .formDiv .productInfo ul li#AboutusDiv {padding-top: 20px;}

  .formSection .wrapperOrder .formDiv .personalInfo ul li .inputDiv {margin-bottom: 10px;}
  .formSection .wrapperOrder .formDiv .productInfo ul li .inputDiv {margin-bottom: 10px;}
  input[type=tel] {
    width: 100%;
    padding: 12px 14px;font-size: 12px;}

}

@media screen and (max-width:320px){.banner-bg .text-div {width: 85% !important;right: 8% !important;}
.banner-bg .amitDiv {width: 98% !important; margin: 0%; padding: 0%; bottom: 0% !important;height: 83vh;left: 1% !important;}
.banner-bg .text-div ul {margin: 0px 0 0px !important;}
.formSection .wrapperOrder .formDiv .applicationSect ul li span.labelName {font-size: 10px !important;}
.banner-bg .text-div .sub-text-head {font-size: 13px !important;}

}