@charset "utf-8";
/* CSS Document */
.agentindex{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	height: auto;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 50px;
}
.newcallleft{
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	height: auto;
	float: right
}
.newcallright{
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	height: auto;
	float: left
}
.newcallright input{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	height: 45px;
	color: #555555;
	background-color: #f2f2f2;
	text-align: right;
	margin-bottom: 15px;
	outline: none;
	border: hidden;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800
}
.newcallright select{
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	height: 45px;
	background-color: #FFFFFF;
	border:1px solid #f2f2f2;
	margin-bottom: 15px;
	font-size: 14px;
	color: #555555;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	direction: rtl
	
}
.newcallright textarea{
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	height: 70px;
	background-color: #f2f2f2;
	border:1px solid #f2f2f2;
	margin-bottom: 15px;
	font-size: 14px;
	color: #555555;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	padding-top: 10px;
	text-align: right
}
.newcallright input[type=submit]{
	width: 30%;
	margin-left: 1%;
	margin-right: 1%;
	height: 45px;
	color: #ffffff;
	background-color: #2a8ba9;
	text-align: center;
	margin-bottom: 15px;
	outline: none;
	border: hidden;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	border-radius: 50px
}
.collapsible {
  border: 2px solid #88becf;
  border-radius: 5px;
  overflow: hidden;
	font-family:  "Open Sans", "serif";
		font-weight: 400;
	color: #1c1c1c;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: right
	
}

.collapsible .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0 0px;
}

.collapsible .header, .collapsible { /* Updated to apply padding directly to the collapsible for consistency */
  cursor: pointer;
  user-select: none;
  padding: 15px;
  background-color: #f9f9f9;
}

.arrow {
  display: inline-block;
  transition: transform 0.3s;
font-size: 9px;
	float: right;
	margin-left: 5px
}

.collapsible.expanded .arrow {
  transform: rotate(-180deg);
}

.collapsible .content p {
	margin-top: 4px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 1px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 15px;
	padding-bottom: 0px;
	text-transform: none;
	direction: rtl
}
.collapsible .content p i {
	margin-left: 5px
}
@media screen and (max-width: 768px) {
	.newcallleft{
	width: 98%;
}
.newcallright{
	width: 98%;
}
		.newcallright input[type=submit]{
	width: 50%;
	margin-left: 1%;
	margin-right: 1%;
}
}