/*Styles - Contact Us pages*/
#contactBanner .blackopac-one {
	background: rgba(0, 0, 0, 0.3);
}
.containerContact {
	max-width: 1373px;
}
.innerpgBanner h1 {
	max-width: 741px;
}
.innerpgBanner .secDesc {
	max-width: 614px;
}
#contactusdetails {
	padding: 78px 45px;
	background: #fff;
}
#contactusdetails .secTitle {
	text-align: center;
	padding-bottom: 79px;
}
#contactusdetails #contactusdetails-wrapper > .flexbox {
	column-gap: 4%;
	background: #0474C71A;
	padding: 59px 57px;
}
.contactusdetails-cols {
	width: 100%;
}
#contactusdetails-cols-left {
	max-width: 38%;
	background: #fff;
	padding: 48px 70px;
}
#contactusdetails-cols-right {
	max-width: 58%;
}
#contactusdetails-cols-left > .flexbox {
	height: 100%;
	justify-content: space-between;
}
.contactusdetails-cols-left-rows {
	display: block;
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
.contactusdetails-cols-left-rows.email {
	border-bottom: 0;
	margin-bottom: 0;
}
.contactusdetails-cols-left-rows:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.contactusdetails-cols-left-rows .flexbox {
	flex-wrap: nowrap;
	column-gap: 16px;
}
.data h4 {
	color: #000;
	font-size: 23.791px;
	line-height: 35.402px;
	display: block;
	margin-bottom: 9px;
}
.data a, .data p {
	color: #000;
	font-size: 18.175px;
	line-height: 24.016px;
	display: block;
	margin-bottom: 6px;
}
.data a:last-child, .data p:last-child { margin-bottom: 0; }

#contactpg-form {
	padding-top: 44px;
}
#contactpg-form input, #contactpg-form textarea {
	border: 1px solid #00000021;
	border-radius: 8px;
	color: #000;
	font-size: 16px;
	line-height: 30px;
}
#contactpg-form input {
	height: 55px;
}
#contactpg-form textarea {
	padding: 10px;
}
#contactpg-form .wpcf7-list-item input {
	height: 20px;
	margin-top: 4px;
}
#contactpg-form .full, #contactpg-form .half {
	display: inline-block;
	margin-bottom: 25px;
}
#contactpg-form .sw-formSubmit input {
	width: 100%;
	background: #fff;
	border-color: #fff;
	line-height: 55px;
	font-family: 'Glacial Indifference';
	letter-spacing: 2.1px;
	font-size: 20px;
	transition: 250ms all ease-in-out;
}
#contactpg-form .sw-formSubmit input:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.12);
}

#contactpg-form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #000;
	opacity: 1;
  }
  #contactpg-form input::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
	opacity: 1;
  }
  #contactpg-form input::-ms-input-placeholder {
	/* IE 10+ */
	color: #000;
	opacity: 1;
  }
  #contactpg-form input::-moz-placeholder {
	/* Firefox 18- */
	color: #000;
	opacity: 1;
  }
  #contactpg-form textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #000;
	opacity: 1;
  }
  #contactpg-form textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
	opacity: 1;
  }
  #contactpg-form textarea::-ms-input-placeholder {
	/* IE 10+ */
	color: #000;
	opacity: 1;
  }
  #contactpg-form textarea::-moz-placeholder {
	/* Firefox 18- */
	color: #000;
	opacity: 1;
  }
#mapLocation {
	margin-bottom: 30px;
}
#mapLocation > .flexbox {
	column-gap: 2%;
}
.mapLocationCols {
	background: #D8D8D81C;
	flex: 1 auto;
	width: 100%;
	justify-content: space-between;
}
#mapLocationCols-Left {
	max-width: 1194px;
	max-width: 59%;
	text-align: right;
}
#mapLocationCols-Right {
	max-width: 701px;
	max-width: 39%;
	padding: 115px 119px 110px 99px;
}
#mapLocationCols-Left img {
	padding: 19px 6px 16px 0;
}
.mapLocationCols-Right-rows {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.mapLocationCols-Right-rows:last-child { margin-bottom: 0; }
.mapLocation-icon {
	width: 62px;
	text-align: center;
	margin-right: 49px;
}
.mapLocationCols-Right-rows.loc .mapLocation-icon svg {
	transform: translateX(-6px);
}
#mapLocationCols-Right > .flexbox {
	height: 100%;
  	justify-content: space-between;
}
.mapLocation-data a, .mapLocation-data p, .gccCols {
	color: #000;
	font-size: 20px;
	line-height: 30.887px;
}
.mapLocation-data a:hover {
	color: #18058B;
}
.mapLocationCols-Right-rows.emai .mapLocation-data p {
	margin-bottom: 8px;
}
.mapLocationCols-Right-rows.emai .mapLocation-data p:last-child {
	margin-bottom: 0;
}
.mapLocationCols-Right-rows.tel .mapLocation-data p {
	margin-bottom: 19px;
}


#productfaq {
	padding: 79px 0 126px;
	background: linear-gradient(180deg, #007BC2 0%, #1162D5 100%);
}
#productfaq .accordion-item {
	border-bottom: 1.5px solid #fff;
	padding: 45px 0 39px;
}
#productfaq .accordion-title h6 {
	color: #FFF;
	font-family: Glacial Indifference;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	align-self: center;
}
#productfaq .accordion-content p {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	padding-bottom: 30px;
	opacity: 0.85;
}
#productfaq .accordion-content p:last-child { padding-bottom: 0; }
#productfaq .accordion-content {
	margin-top: 21px;
	max-width: 96%;
}


/*Tabs*/
.tab__container {
    background: #fff;
  /*  width: 75vw;*/
    margin: auto;
    border-radius: 5px;
    max-width: 100%;
  }
  .tab__title {
      margin: 47px 0 0;
      border: 1px solid #ffffff52;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      column-gap: 0;
  }
  .tab__title .tab__button {
      flex: 1 0 0;
      align-self: flex-start;
      align-self: stretch;
      padding: 11px 10px;
      border: 0;
      background: transparent;
      outline: none;
      margin: 0;
      cursor: pointer;
      /*  width: 25%;*/
      color: #fff;
      font-size: 19px;
      font-style: normal;
      font-weight: 400;
      line-height: 33px;
      opacity: 0.8;
      transition: 250ms all ease-in-out;
      border-right: 1px solid #ffffff52;
  }
  .tab__title .tab__button:last-child { border-right: 0; }
  .tab__title .tab__button:hover {opacity: 1;}
  
  .tab__title .tab__button img {
  /*  height: 25px;*/
    max-height: 56px;
    display: block;
    margin: 0px auto 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }
  .tab__title .tab_button-active {
      background: #fff;
      color: #003a79;
      opacity: 1;
  }
  .tab__title .tab_button-active img {
    filter: none;
  }
  
  .tab__inside {
  /*  display: grid;
    grid-template-columns: repeat(2, 1fr);*/
    visibility: hidden;
    opacity: 0;
    height: 0;
    transform: translateY(-500%);
    transition: transform 0.3s ease-in;
    display: flex;
    display: none;
  }
  .tab__inside .tab__inside-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .tab__inside .tab__inside-img img {
    height: 150px;
    display: block;
    margin: 0 auto;
  }
  .tab__inside .tab__inside-text {
  /*  display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .tab__inside .tab__inside-text p {
      color: #545454;
      font-size: 14px;
      font-weight: 100;
      color: #3A3D4F;
      font-size: 19px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0.38px;
      padding: 0;
  }
  .tab__inside .tab__inside-text a.secButton {
      border: none;
      cursor: pointer;
      background: #18058B;
      width: 175px;
      color: #fff;
      height: 73px;
      transition: 250ms all ease-in-out;
      line-height: 40px;
  }
  .tab__inside .tab__inside-text a.secButton:hover {
    background: #FF7266;
    color: #510E08;
  }
  
  .tab__inside-active {
      visibility: visible;
      opacity: 1;
      height: 100%;
      transform: translateY(0);
      transition: transform 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
      display: flex;
  }
  
  #mobDrop.tab__title {
      padding: 0;
      border: 0;
      display: none;
      background: transparent;
  }
  #mobDrop select {
      width: 100%;
      height: 52px;
      padding: 0 20px;
      font-size: 18px;
      line-height: 26px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      color: #222;
      border: 1px solid #18058b3d;
      border-radius: 7px;
      background-image: url('../images/arrow-down-blue.png');
      background-repeat: no-repeat;
      background-position: 97% 52%;
      background-size: 13px;
}
#book-a-demo-banner.contactpg {
	background: #1064d4;
}


/*Responsive Styles*/
@media only screen and (max-width: 1600px) {
	#mapLocationCols-Right {
		padding: 100px 90px;
	}
	.mapLocation-icon {
		width: 100%;
		margin-right: 0;
	}
	.mapLocation-data {
		text-align: center;
		width: 100%;
	}
	.flexbox.gcc {
		justify-content: center;
	}
}
@media only screen and (max-width: 1500px) {
	.containerContact {max-width: 85%;}
}
@media only screen and (max-width: 1440px) {
	#contactusdetails-cols-left {
		padding: 48px 40px;
	}
	.mapLocation-data a, .mapLocation-data p, .gccCols {
		font-size: 20px;
	}
	#mapLocation > .flexbox {
		column-gap: 0;
	}
	#mapLocationCols-Left, #mapLocationCols-Right {
		max-width: 100%;
	}
	#mapLocationCols-Left img {
		display: inline-block;
	}
	.mapLocationCols-Right-rows {
		width: auto;
	}
	#mapLocationCols-Left {
		text-align: center;
	}
	.mapLocationCols-Right-rows.loc .mapLocation-icon svg {
		transform: translateX(0);
	}
	.mapLocationCols-Right-rows .mapLocation-icon svg {
		max-height: 62px;
	}
	.mapLocation-icon {
		margin-bottom: 13px;
	}
	.contactusdetails-cols {
		align-self: flex-start;
	}
	.contactusdetails-cols-left-rows {
		padding-bottom: 30px;
	}

}
@media only screen and (max-width: 1367px) {
	#productfaq .accordion-icon svg {
		max-width: 27px;
	}
}
@media only screen and (max-width: 1280px) {
	#contactBanner.innerpgBanner {
        background-position: 37% 0;
    }
	.data h4 {
		font-size: 23.791px;
	}
	.mapLocation-data a, .mapLocation-data p, .gccCols {
		font-size: 19px;
	}
	#productfaq .accordion-content p {
		font-size: 20px;
		line-height: 34px;
	}
	#productfaq .accordion-title h6 {
		font-size: 22px;
	}
}
@media only screen and (max-width: 1080px) {
	.mapLocationCols-Right-rows {
		width: 100%;
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 1025px) {
	.mapLocationCols-Right-rows .mapLocation-icon svg {
		max-height: 52px;
	}
	#contactusdetails .secTitle {
		padding-bottom: 59px;
	}
	.contactusdetails-cols {
		width: 100%;
	}
	#contactusdetails-cols-left {
		max-width: 100%;
		order: 2;
		margin-top: 40px;
	}
	#contactusdetails-cols-right {
		max-width: 100%;
		order: 1;
	}
	.contactusdetails-cols-left-rows {
		width: 100%;
	}
	.contactusdetails-cols-left-rows .flexbox {
		flex-wrap: wrap;
		column-gap: 0;
		text-align: center;
	}
	.contactusdetails-cols-left-rows .icon, .contactusdetails-cols-left-rows .data {
		width: 100%;
	}
	.contactusdetails-cols-left-rows .icon {
		margin-bottom: 12px;
	}
	#mapLocationCols-Right {
		padding: 50px 40px;
	}
	#contactBanner.innerpgBanner {
		background-position: 50% 0;
	}
}
@media only screen and (max-width: 880px) {
	#productfaq .accordion-title h6 {
		line-height: 38px;
		font-size: 20px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 769px) {
	#productfaq .accordion-title h6 {
		line-height: 38px;
		font-size: 20px;
	}
	#productfaq {
		padding: 50px 0;
	}
}
@media only screen and (max-width: 680px) {
	#contactBanner.innerpgBanner {
		background-position: 72% 0;
	}
}
@media only screen and (max-width: 600px) {
	#contactusdetails {
		padding: 58px 0;
	}
	#contactpg-form .sw-formSubmit {
		margin-top: 0;
		margin-bottom: 45px;
	}
}
@media only screen and (max-width: 500px) {
	#contactusdetails #contactusdetails-wrapper > .flexbox {
		padding: 39px 20px;
	}
	#contactusdetails-cols-left {
		padding: 40px 10px;
	}
	#productfaq {
		padding: 50px 0 126px;
	}
	#productfaq .accordion-title h6 {
		line-height: 33px;
		font-size: 20px;
	}
}
@media only screen and (max-width: 428px) {
	#contactBanner.innerpgBanner {
		background-position: 61% 0;
	}
}