.header_section {border: none;}
.lpbanner-sort{margin: 40px auto;}	
.contactformmslp label {
    font-size: 13px;
}
.rightlp .contactformmslp input, .contactformmslp textarea, .contactformmslp select {
    padding: 4px 15px;
    margin-bottom: 0;
}
input[type="submit"] {
    cursor: pointer;
}
.user-type-options {
    margin: 5px 0 0 0;
}
.contactformmslp .user-type-options label {
    border: 2px solid #faff65;
    border-radius: 25px;
    margin: 0 2px;
    padding:6px 4px;
    text-align: center;
    cursor: pointer; width: 20%;
}
.contactformmslp .user-type-options label.last {
   
    cursor: pointer; width: 32%!important;
}
.user-type-options label {
    
}

.user-type-options label.selected {
    background-color: #eaf94e; /* Blue background */  border: none;
    color: #000; /* White text */
    padding: 6px 5px; /* Some padding for better appearance */
    border-radius: 25px;; /* Rounded corners */
}

.order-type-options{margin: 0 0 10px 0; overflow: hidden;}
.order-type-options label.selected {
  background-color: #f2ff5f;
  color: #000;
  padding: 6px 5px;
  border-radius: 25px;   border: none;
}

.user-type-options input{display: none;}

div#orderTypeOptions input {
    display: none;
}

/*.order-type-options > label {    width: 37% !important;    float: left;  border: 2px solid #fff;    border-radius: 25px;   text-align: center;    margin: 6px 5%;   padding:6px 5px;}*/
.order-type-options > label {
    width: 24% !important;
    float:  left;
    border: 2px solid #fff;
    border-radius: 25px;
    text-align: center;
    margin: 6px 1px;
    padding: 6px 4px;
}
.order-option{display: none;}

.lpbanner-sort .contactformmsin select {
    padding: 8px 15px;
    border-radius: 5px;
}
.rightlp .contactformmsin input, .contactformmsin textarea, .contactformmsin select {
    padding: 9px 15px;
    border-radius: 15px;
}
.contactformmsin {
    background: #f9feff;
}
/*
.col_h {
    width: 44%;
    flex: auto;
    float: left;
	margin: 0 11px;}
*/

.col_h {
    width: 49%;
    flex: auto;
    float: left;
    margin: 0 2px 0 0;
}
.col_h.last{margin: 0 0 0 4px!important;}
	
.col_f {  width: 100%;margin: 0 auto;}	


.LP-wrapper {padding: 40px 20px 20px 20px;}
ul.lp_list{ margin:35px auto; padding:10px 0; width: 100%; text-align: center;  border-radius: 10px;}
ul.lp_list li{ margin:10px 1%; padding:10px; list-style-type: none;  height: 100px; width: 30%; border-right:  2px solid #716d6c; text-align: center;
    display: inline-block;vertical-align: top; }
ul.lp_list li span{ display: block; font-weight: bold;}
ul.lp_list li a{ color: #000; text-decoration: none; }
ul.lp_list li a:hover{  color: #c39418;  padding:0px 0 0 0px; text-decoration: none;}
ul.lp_list .value_img img{ text-align: left;  margin:5px 0 0px 0;  padding: 0; width: 100%;}
ul.lp_list .head {   font-size: 20px; font-weight: bold; padding: 20px 0 0 0; text-align: center; text-transform: uppercase;}
ul.lp_list p{  margin: 0 auto; padding:5px 0; text-align: center; font-size: 16px; width: 100%;}

.our-product-range {
    margin: 50px 0 0 0;
    padding: 50px 0;
    background: #a8dae1;
}
.our-product-range p { font-size: 16px; line-height: 28px; text-align: center; }
.our-product-range h2 {   font-size: 42px;   font-weight: bold;   padding: 0 0 20px 0;    text-align: center;    text-transform: uppercase;}
ul.listlp{ margin:0; padding: 0;  text-align: center;}
ul.listlp li {
    margin: 10px;
    padding: 10px 6px;
    list-style-type: none;
    width: 23%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #a8dae1;
    border-radius: 15px;
    height: 330px;
}

ul.listlp li:hover{ border: 1px solid #31bacd; box-shadow: 5px 5px 0px #31bacd;}

ul.listlp li a{ color: #000; text-decoration: none; }
ul.listlp li a:hover{  color: #c39418;  padding:0px 0 0 0px; text-decoration: none;}

ul.listlp li .value_img {  float: none;  margin: 0;  text-align: center;}
ul.listlp li .value_img img{  width: 70%;}
ul.listlp .head {   font-size: 16px; font-weight: bold; padding: 20px 0 0 0; text-align: center; }
ul.listlp p{  margin: 0 auto; padding:5px 0; text-align: center; font-size: 14px; width: 100%; line-height: 24px;}


.LP-wrapper-full {padding: 40px 20px 20px 20px; background: #3199a8}
.LP-wrapper-full h3 {font-size: 30px; color: #fff;   font-weight: bold;   padding:20px 0;    text-align: center; }
ul.full-list{ margin:15px auto; padding:10px 0; text-align: center;  border-radius: 10px;}
ul.full-list li{ margin:10px 1%; padding:10px; list-style-type: none; width: 30%; text-align: center; color: #fff;  display: inline-block;vertical-align: top; }

ul.full-list li .img_serve{display: block; text-align: center;}
ul.full-list li .img_serve img{width: 20%;}

.slider_box { display: none;  margin: 0;  padding: 0;  position: relative;}
.leadbanner{/*background: url(../images/lp-banner.jpg) no-repeat top left; */ background: #fff;  overflow: hidden;}
.leadbanner .leftlp{margin: 0; width: 60%; float: left;}

.leadbanner .LPhead{margin:30px 0 0 0; padding: 40px 0 0 0;}
.leadbanner .LPhead h1{margin: 0; padding: 20px; font-size: 40px; color: #3795a3; line-height: auto;  text-shadow:none;}
.leadbanner .LPhead p{margin: 0; padding: 20px; font-size: 18px; color: #000; line-height: auto; text-shadow: none;}
.leadbanner .LPhead ul{margin: 0; padding: 20px;}
.leadbanner .LPhead ul li{margin: 0 0 0 15px; padding: 5px 0; list-style-type: none; font-size: 18px; color: #000; text-shadow: none;}
.leadbanner .LPhead ul li span{}
.desktopcss{display: block; margin: 13px 0 0 0 !important;}
.mobilecss{display: none}

.lp_banner img {    width: 100%;    height:auto;}
.lpbanner-sort .LPhead {    margin: 30px 0;    padding: 0;}



.contactformmslp {  width: 100%;    height: auto;    display: inline-block;    border: 2px solid #fff;        padding: 20px ; background: linear-gradient(101deg, rgba(174, 1, 255, .9) .37%, rgba(8, 138, 156, .9) 100%); border-radius: 15px; }
.contactformmslp label {    width: 100%;  cursor: pointer;   height: auto;    margin-bottom: 1px;     font-size: 12px;    color: #fff; text-transform:capitalize; font-weight: 600;}
.contactformmslp select {    -webkit-appearance: none;    background:#fff url("../images/down-arrow.png") 100%;    background-repeat: no-repeat;
    background-position: right 2px;}
.contactformmslp input, .contactformmslp textarea, .contactformmslp select {    width: 100%;    height: auto; border-radius: 5px;
    padding: 8px 15px;    font-size: 14px;    border: 1px solid #fff!important;    margin-bottom: 5px;}
.text-danger {    color: #dc3545!important;}
.contactformmslp button {    font-family: Ebrima;    background: #565052;    text-transform: uppercase;    border: none;   padding: 13px 15px;    color: #fff;    margin-top: 10px;    width: 100%; cursor: pointer;}
.rightlpnew {    margin: -172px 0 0 0 !important;    width: 37%;    float: right; position: relative;}

.contactformmslp .title {
    font-size: 20px;
    font-weight: 500;
    padding:0;
    text-align: center; color: #fff;
    /* text-transform: uppercase; */
}
.contactformmslp .lpbtn {
    background: #f2ff5f;
    color: #105761;
    line-height: 28px;
    width: 60%; font-size: 18px; font-weight: 600;
    text-align: center;
    margin: 0 auto;
    display: block; border-radius: 25px; border: 1px solid #eaf94e; 
}
.contactformmslp .lpbtn:hover{background: #eaf94e;  border: 1px solid #eaf94e; }
.desktopcssnew {
  display: block;
  margin:0 !important;
  position: relative;
  z-index: 99999;
}

.colorbgblue {
  background: #fff;
  border-radius: 25px; padding: 30px !important;
}


.tabbox{ margin: 0px auto; padding: 30px 0; background: #2190a0;  overflow: hidden;}
.tabbox h2{margin: 0; padding: 20px; font-size: 30px; color: #fff; text-align: center;line-height: auto;  text-shadow:none;}
	
.tabs {
      
      margin: auto;
      
      border-radius: 10px;
     
      padding: 10px;
    }

   
    .desktop-tabs {
      display: block;
    }

    .desktop-tab-buttons {
      display: flex;
      flex-wrap: wrap;
      
    }

    .desktop-tab-buttons button {
      flex: 1;
      padding: 15px;
      border: none;
      background: #eee; margin: 0 4px;
      cursor: pointer;
      font-weight: 600; font-size: 14px;
      transition: background 0.3s; border-radius: 40px;
    }

    .desktop-tab-buttons button.active {
      background: #53cfe1;
      color: white; border-radius: 40px;
    }

    .desktop-tab-content {
      display: none;
      padding: 20px;
    }

    .desktop-tab-content.active {
      display: block;
    }

    /* ===== MOBILE ACCORDION ===== */
    .mobile-accordion {
      display: none;
    }

    .accordion-header {
      background: #eee;
      padding: 15px;
      border: none;
      width: 100%;
      text-align: left;
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
      border-bottom: 1px solid #ccc;
    }

    .accordion-header.active {
      background: #3495a3;
      color: white;
    }

    .accordion-content {
      display: none;
      padding: 15px;
      border-bottom: 1px solid #ddd;
    }

    .accordion-content.active {
      display: block;
    }

.imgbox {
  text-align: center;
  width: 100px;
  border: 2px solid #3495a3;
  border-radius: 50px;
  padding: 15px; margin: 0 auto;
}
.imgbox img{width: 100%;}
.tabs .head {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 0 0; color: #fff;
}
.tabs p {font-size: 14px; color: #fff; text-align: left; padding: 10px 0;}
.img_serve {    float: left;    width: 15%; display: none;}
.img_serve img {    border-radius: 30px;}
.slider-container {     width: 100%;          margin: auto;      overflow: hidden;      border-radius: 10px;      background: #fff;      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      position: relative;    }
.slider-container h2{margin: 0; padding: 20px; font-size: 30px; color: #3795a3; text-align: center;line-height: auto;  text-shadow:none;}
    .testimonial-wrapper {      display: flex;      transition: transform 0.6s ease-in-out;
      width: 100%;
    }

    .testimonial {
      min-width: 100%;
      box-sizing: border-box;
      padding: 30px;
      text-align: center;
    }


    .testimonial img {
      width: 100%;
     
    
    }

    

.testimonial .imgbox {
  text-align: center;
  width: 100px;
  border: 2px solid #3495a3;
  border-radius: 50px;
  padding: 15px; margin: 0 auto;
}

.testimonial .head {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 0 0; color: #3495a3;
}
.testimonial p {font-size: 14px; text-align: center; padding: 10px 0;}

 .dots-container {
      text-align: center;
      padding: 15px 0;
    }

    .dot {
      display: inline-block;
      height: 10px;
      width: 10px;
      margin: 0 5px;
      background-color: #bbb;
      border-radius: 50%;
      transition: background-color 0.3s;
      cursor: pointer;
    }

    .dot.active {
      background-color: #333;
    }
.tabs ul {margin: 0; padding: 0 0 0 15px;}
.tabs ul li{margin: 0;  color: #fff; font-size: 14px;}
.header_section {
    border: none !important;
}
/*
label.shleft {
    float: left;
    width: 17%;
    padding: 6px 0;
    margin: 7px 0 0 0;
}
.user-type-options {
    margin: 5px 0 ;
    width: 80%;
    float: right;
}

label.shleft2 {
    float: left;
    width: 25%;
    padding: 5px 0;
    margin: 8px 0 0 0;
}
.order-type-options{ margin: 5px 0;
    width: 72%;
    float: right;}
*/

label.shleft2 {
       margin: 8px 0 0 0;
}

  
@media (min-width: 200px) and (max-width: 768px) {
    .center {  width: 100%;   padding: 0;}
	 .desktop-tabs {       display: none;   }
      .mobile-accordion {       display: block; background: #fff;}
	.accordion-header.active {    background: #123d44;    color: white;}
	.leadbanner .leftlp {    margin: 0;    width:auto;    float:none;}	
	.desktopcssnew {    display: block;    margin:0 2% !important;    position: relative;    z-index: 99999;}
	.rightlpnew {width: auto; float: none;}
	.colorbgblue {    padding: 20px !important;    margin: 0 auto !important;    width: 90% !important;}
	ul.listlp {   overflow: hidden;}
	ul.listlp li {    margin: 5px;    padding: 10px 6px;     width: 46%;    text-align: center;  float: left; height: 315px;}	
	ul.listlp li p{line-height: 20px; font-size: 13px;}
	.leadbanner .LPhead h1 {    font-size: 25px;    line-height: 34px;    text-align: center;}
	.leadbanner .LPhead {   margin: 0;   padding: 0;}
	.leadbanner .LPhead p {    margin: 0;    padding: 0 20px;    font-size: 16px;    color: #000;    text-shadow: none;    line-height: 24px;    text-align: center;}
	.leadbanner .LPhead ul li {    margin: 0;    padding: 3px 0;    ist-style-type: none;    font-size: 15px;    color: #000;    text-shadow: none;}
	.contactformmslp .title {    font-size: 18px;}
	.our-product-range {  margin: 30px 0 0 0;   padding: 30px 0;  }
	h1.headtitle {    font-size: 22px;}	
	.our-product-range p {    font-size: 15px;    line-height: 24px;    text-align: center;    padding: 0;    margin: 0 0 10px 0;}
	.slider-container h2 {    font-size: 22px; margin: 20px 0 0 0; padding: 0;}
	.testimonial p {    font-size: 14px;    text-align: center;    padding: 5px 0;    line-height: 22px;}
	.testimonial {    padding: 20px;}
	.tabbox h2 {    margin: 0;    padding: 0 20px;    font-size: 23px;}	
	.tabs .head {    text-align: center;    font-size: 18px;        color: #000;}
	.tabs p {    font-size: 14px;    color: #000000;    text-align: center;    padding: 10px 0;    line-height: 22px;}
	ul.lp_list {		margin: 10px auto;}
	ul.lp_list li {    margin: 0 1%;    padding: 10px;    list-style-type: none;    height: auto; font-size: 14px;    width: auto;    border-right: none;    text-align: center;    display: inline-block;    vertical-align: top;    border-bottom: 1px solid #ccc;}
	p {    font-size: 14px;}
	.topbtn a.btnst {    margin: 30px;    padding: 10px 20px;       font-size: 18px;    text-decoration: none;    border-radius: 9px;}
	.contactformmslp .user-type-options label {    margin: 0 4px;}
	.col_h {    width: 44%;    flex: auto;    float: left;    margin: 0 9px;}
	.logo {    float: none!important;    width: auto;}
	.header_section {
		border-bottom: none!important;}
	
	.contactformmslp .user-type-options label {      border-radius: 25px;    margin: 0 !important;    padding: 6px 0px;       width: 21%;}
	.col_h {
        width: 49%;
        flex: auto;
        float: left;
        margin: 0 0px;
    }
	.tabs ul li{margin: 0;  color: #000; font-size: 14px;}
	.contactformmslp .user-type-options label.last {    cursor: pointer;    width: 33% !important;}
}