/*
CTC Separate Stylesheet
Updated: 2021-09-29 11:21:35
*/

.contywrap {
  float: left;
}
.contywrap {
  display: flex;
  padding:0px !important;
}
.bannerbg{ height: 500px !important; display: flex !important;   border-bottom: 10px solid #A989FF;}
.pheader p {
  color: #626262 !important;
  width: 70%;
  font-size: 18px;
  line-height: 27px;
  margin: 12px auto 0px auto;
}
.pheader h1 {
  color: #5127CB !important;
  font-weight: bold !important;
  font-size: 42px;
  line-height: 63px;
	margin-bottom: 0px !important;
}
.accordion-content th {
  background: #4A4AC2 !important;
  color: #fff !important;
  padding: 10px !important;
}
.qtyinput {

  height: 38px !important;
  margin: 0px !important;
  border: none !important;
  padding: 0px !important;
  background: transparent !important;
	text-align: center;
color: #4A4AC2;
}
.accordion-content table td span{width:100px !important; text-align:center; display:block;}
.accordion-content table td input{width:100px !important; text-align:center; background: transparent !important;
border: none; font-size: 14px !important;
color: #4A4AC2 !important;}
.accordion-content table td:nth-child(2) {  background-color: #E5E5FF;  }

.accordion-content table td:first-child b{ color: #4A4AC2 !important;}

.accordion-content table td:first-child , .accordion-content table th:first-child{
  background-color: transparent !important; text-align:left !important; width:100px;
	border:none !important; font-size:15px !important; line-height:24px !important; color:#626262;
}
.accordion-content table td{ 
	font-size:14px !important; 
	line-height:16px; 
	color:#4A4AC2;
	height:38px;
	border: 1px solid #d6b1ee80;
	text-align: center;
	padding: 0px !important;
	border: 1px solid #4A4AC2 !important; 
}

.accordion-content th {
	font-size: 16px !important;
	line-height:24px; color:#fff;
	padding: 2px 10px;
	border: 1px solid #d6b1ee80;
	text-align: center;
}

.bannerwrap {
  display: flex;
}
.bannerwrap {
  display: flex;
}

.pheader{ text-align:center; padding:40px 0px;}
bannerbg{ padding:40px 0px;}
.bannerwrap .leftcol {
flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rightcol h1{ font-size:42px !important; line-height:63px !important; color:#fff;} 
.rightcol p {
  line-height: 27px;
  color: #fff !important;
  font-size: 18px !important;
}
.bannerwrap .rightcol {
  flex: 1;
  padding: 20px;
	align-self: center;
}

.blogo img {
  width: 200px;
  height: auto;
}

/*_________________  Accordion open
________________________________________*/

[tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus {
	box-shadow: none !important;}

.accordion-content table td:first-child, .accordion-content table th:first-child{
	display: flex;
	align-items: center;
	margin-right:10px;
}
.accordion-content table input[type="checkbox"] {
  /* Adjust the checkbox appearance if needed */
  /* For example, setting width and height */
  width: 20px !important;
  height: 20px !important;
	margin-right:10px !important;
}


.accordion-content p {
  color: #626262;
  padding: 0px 10px 0px 0px;
  font-size: 18px;
  line-height: 27px;
}
.accordion-content img { margin-top:30px;}
.accordion-content table { margin-top:30px;}
.accordion-content h3 {
  margin: 30px 0px 10px 0px;
  color: #4F48C5 !important;
  font-size: 25px;
  line-height: 30px;
}
.btnlink {
  margin-top: 30px;
  margin-bottom: 15px;
}
.boxcontent {
  display: flex !important;
	border-bottom: 1px solid #ccc !important;
}

.boxcontent div:nth-child(2){
  flex: 0 0 21% !important;
}

.boxcontent div:nth-child(3) {
  flex: 0 0 58% !important;
	margin-left: 30px;
  /* Add any additional styles for the first and third columns */
}

.boxcontent div:nth-child(1) {
  flex: 0 0 18% !important;
	padding:20px;
  /* Add any additional styles for the second column */
}




.btnlink .btnl:hover{  background: #5646C8 !important;
	color: #fff !important}

.btnlink .btnl{ 
	font-weight:normal;
	margin-right:15px;
	border: 1px solid #5646C8;
  background: transparent !important;
  color: #5646C8 !important;
  border-radius: 0;
  padding: 10px 20px;
  text-decoration: none;
  transition: background-color 0.3s ease;}


.accordion {
  position: relative;
  margin: 0px auto 60px auto;
  width: 99%;
}

[id*="open-accordion"], [id*="close-accordion"] {
	font-weight: bold !important;
	background: url('https://teleprocure.com/wp-content/uploads/2023/08/tab1.png');
	height: 68px;
	display: block;
	line-height: 20px;
	position: relative;
	padding: 23px;
}

[id*="close-accordion"] {
  display: none;
}


/* Chrome, Safari, Edge, Opera */
table input::-webkit-outer-spin-button,
table input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
table input[type=number] {
  -moz-appearance: textfield;
}

.qtyinput{
  height: 36px;
  margin: 7px 0px;
  border: 2px solid #b5b4b4;
 font-size: 16px;
  padding: 10px;
}
.accordion a:last-child {
  margin-bottom: 0px !important;
}
.priceinput {
  width: 40px;

  margin: 7px 0px;
  border: 0px solid #b5b4b4;
  font-size: 20px;
  color: #4A4AC2;
}

.accordion a {
  color: #fff;
  font-size: 1.25em;
  font-weight: normal;
  padding-left: 2%;
  text-decoration: none;
  text-shadow: none;
margin: 0px !important;
width: 100% !important;
}



.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.accontt_wrap{ border: 1px solid #4D49C2;padding: 20px; margin-top:1px;}
.accordion-content {
	background: #fff;
	height: 0;
	margin: -1px auto 0;
	position: relative;
	overflow: hidden;
	margin-bottom: 2px !important;
	margin-top: 0px !important;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
}

.accordion span:target ~ .accordion-content {
  display: block;
  height: auto;

  padding-top: 0px;
}

.accordion span:target ~ [id*="close-accordion"] {
  display: block;
}

.accordion span:target ~ [id*="open-accordion"] {
  display: none;
}


/* Show the up arrow when open */
[id*="open-accordion"]::after {
  content: url('https://teleprocure.com/wp-content/uploads/2023/08/up-1.png'); /* URL of the up arrow image */
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 999;
}

/* Show the down arrow when closed */
[id*="close-accordion"]::after {
  content: url('https://teleprocure.com/wp-content/uploads/2023/08/down-1.png'); /* URL of the down arrow image */
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 999;
}


/*_________________  Accordion close
________________________________________*/




/* Responsive styles */
@media (max-width:900px) {
	
	.boxcontent {  flex-direction: column;}
	.boxcontent div:nth-child(2) { flex: 1 0 100%;}
	.boxcontent div:nth-child(1) {  flex: 1 0 100%;}
	.boxcontent div:nth-child(3) {flex: 1 0 100%; margin-left:0px !important;}
}
@media (max-width: 768px) {
	.pheader h1 { font-size: 35px;line-height: 40px;}
	.pheader p {font-size: 15px; line-height: 20px;}
	.pheader{ padding-bottom:0px;}
	
	.rightcol p {  line-height: 27px;  font-size: 17px !important;  text-align: center;}
	.rightcol h1 { font-size: 25px !important; line-height: 34px !important; text-align: center;}
	.leftcol .blogo {  height: 50px;  width: 50%;  margin-top: 50px;}
	.bannerwrap { display: block;}
	.accordion-content table td span {width: 45px !important;}
	.accordion-content table td {  font-size: 14px !important;  line-height: 16px;}
	.accordion-content table td input {width: 50px !important;}
	.accordion-content table td:first-child, .accordion-content table th:first-child { display:none;}
	.contywrap input[type="checkbox"]{ margin-right:5px;}
	.contywrap{ margin:5px;  font-size:13px !important;}
	
	.accordion-content table td{ height:30px !important;}
	.accordion-content table td span, .accordion-content table td input {width: 50px;}
	.accordion-content table {  margin-top: 0px !important;}
	.accordion-content p {  padding: 0px !important;}
	.priceinput { font-size:14px;}
	
	.accordion-content th {font-size: 13px !important;line-height: 15px;}
	.btnlink .btnl {  padding: 7px; font-size: 13px !important; margin-right: 2px;}
	.banner { flex-direction: column;  }
	.logo,.content { text-align: center;   padding: 10px;  }
}
@media (max-width: 640px) {
	.accontt_wrap{ padding:12px !important;}
	.accordion-content table td:first-child, .accordion-content table th:first-child { padding-right: 2px !important; font-size: 11px !important; line-height: 13px !important;}
	[id*="close-accordion"]::after { top: 18px;}
[id*="open-accordion"], [id*="close-accordion"] {height: 50px; line-height: 5px;}
.qtyinput {  height: 30px !important;}
.accordion-content table td {height: 30px !important; width: 69px !important;}
.btnlink .btnl {  padding: 8px; font-size: 17px !important; display: block; width: 100%; text-align: center !important;  margin-bottom: 8px;}
 .accordion-content p { font-size: 15px; line-height: 22px;}
}
@media (max-width:340px) {
	.contywrap{ margin:5px;  font-size:13px !important;}
	body .accordion-content th{ padding:6px !important;}
	body .accordion-content table td {  font-size: 12px !important;}
}