@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap');

/********** Global **********/
.posrel{
position: relative;
}
/********** Global End **********/

/********** Text Colours **********/
.text-orange {
  color: #FFA600 !important;
  display: inline!important;
}
.text-purple {
  color: #7A66AE !important;
  display: inline!important;
}
.text-purple {
  color: #7A66AE !important;
  display: inline!important;
}
.text-pink {
  color: #E62568 !important;
  display: inline!important;
}
.text-green {
  color: #93C021 !important;
  display: inline!important;
}
.text-blue {
  color: #1895D7 !important;
  display: inline!important;
}
.text-content {
  color: #fc573c !important;
  display: inline!important;
}
/********** Text Colours End **********/

/********** Button Colours **********/
.button {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 240px;
}
.button__label {
  margin: 0 auto;
}
.bg-orange {
  background-color: #FFA600 !important;
  color: #ffffff!important;
}
.bg-purple {
  background-color: #7A66AE !important;
  color: #ffffff!important;
}
.bg-purple {
  background-color: #7A66AE !important;
  color: #ffffff!important;
}
.bg-pink {
  background-color: #E62568 !important;
  color: #ffffff!important;
}
.bg-green {
  background-color: #93C021 !important;
  color: #ffffff!important;
}
.bg-blue {
  background-color: #1895D7 !important;
  color: #ffffff!important;
}
/********** Button Colours End **********/

/********** Navbar **********/
.header_menu-right .menu .sub-menu {
  right: auto;
  left: 1em;
  min-width: 180px;
}
.header_menu-right .menu .sub-menu ul {
  right: auto;
  left: calc(100% + -1px);
}
.header_menu-right .menu .sub-menu.lft {
  left: auto;
  right: 1em;
  min-width: 180px;
}
.header_menu-right .menu .sub-menu.lft ul {
  left: auto;
  right: calc(100% + -1px);
}
#page-header .menu > li > a {
font-size: 13px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.pt-large.x-ls{
margin-top:20px;
}

@media screen and (max-width: 1500px) {
.pt-large.x-ls{
margin-top:50px;
}
}
@media screen and (max-width: 1400px) {
.pt-large.x-ls{
margin-top:0;
}
}
@media screen and (max-width: 1199px) {
#page-header .menu > li:not(:last-child) {
  margin-right: 0;
}
#page-header .menu > li a {
  padding: 0.5em 0.7em;
}
}
/********** Navbar End **********/

/********** Header Contact **********/
.header-contact-details{
position: absolute;
right:0;
top:-20px;
z-index: 22;
}
.tel-holder{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.tel-holder a {
display: flex !important;
align-items: center;
justify-content: center;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
}
.social-holder{
display: inline-block;
padding-right: var(--gutter-horizontal, 120);
}
.social-holder a{
color: #ffffff;
}
@media screen and (max-width: 991px) {
.header-contact-details{
left:0;
right:auto;
top:0;
}
}
@media screen and (max-width: 767px) {
.header-contact-details{
width: 100%;
text-align: center;
top:-30px;
}
.social-holder{
padding-right: 10px;
padding-left: 10px;
}
.tel-holder{
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (max-width: 599px) {
.social-holder{
display: none;
}
.header-contact-details{
width: 100%;
text-align: left;
top:-28px;
}
.tel-holder{
padding-right: 10px;
padding-left: 30px;
}
}

/********** Header Contact End **********/

/********** Banner Sections **********/
.floating-content-1{
position:absolute;
width:780px;
top:50%;
left:150px;
transform: translateY(-50%);
z-index: 22;
}
.floating-content-1 .card{
box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.2);
border:solid 1px rgba(0, 0, 0, 0.025);
}

.floating-content-2{
position:absolute;
width:780px;
top:50%;
right:150px;
transform: translateY(-50%);
z-index: 22;
}
.content.il-list ul{
display: inline-block;
padding-right:50px;
}
.content.il-list ul li{
margin-top: 3px;
margin-bottom: 3px;
}
@media screen and (max-width: 1799px) {
.floating-content-1{
left:100px;
width:700px
}
.floating-content-2{
right:100px;
width:700px
}
}
@media screen and (max-width: 1599px) {
.floating-content-1{
left:50px;
width:650px
}
.floating-content-2{
right:50px;
width:650px
}
.content.il-list ul{
display: inline-block;
padding-right:20px;
}
}
@media screen and (max-width: 1400px) {
.floating-content-1{
left:30px;
width:600px
}
.floating-content-2{
right:30px;
width:600px
}
.content.il-list ul{
display: inline-block;
padding-right:10px;
margin-bottom: 0;
}
}
@media screen and (max-width: 1300px) {
.floating-content-1{
left:0;
}
.floating-content-2{
right:0;
}
.first-banner .of-cover {
margin-left:200px;
}
.second-banner .of-cover {
margin-left:-400px;
}
}
@media screen and (max-width: 991px) {
.floating-content-1{
position:relative;
width:100%;
top:0;
left:0;
transform: none;
}
.floating-content-2{
position:relative;
width:100%;
top:0;
left:0;
transform: none;
}	
.floating-content-1 .card{
box-shadow: none!important;
border:none!important;
}
}
@media screen and (max-width: 991px) {
.pt-large.x-ls{
padding-top:60px;
}
.first-banner .of-cover {
margin-left:0;
}
.second-banner .of-cover {
margin-left:0;
}
}
@media screen and (max-width: 767px) {
.pt-large.x-ls{
padding-top:90px;
}
.first-banner{
height: 350px;
}
.second-banner{
height: 350px;
}
}
@media screen and (max-width: 380px) {
.first-banner{
height: 300px;
}
.second-banner{
height: 300px;
}
}
/********** Banner Sections End **********/
.mob-social{
position: absolute;
top:-50px;
left:30px;
display: none;
}
.mob-social-link {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 1.2rem;
color: #ffffff;
background-color: transparent;
border:solid 1px #ffffff;
border-radius: 50%;
display:inline-block;
text-align:center;
transition: all 0.2s ease-in-out;
margin-right:12px;
}
.mob-social-link:hover{
background:#ffffff;
color: #0a0a0a;
opacity:1;
}
@media screen and (max-width: 599px) {
.mob-social{
display: inherit;
}
}
/********** Testimonials **********/
.slider-testimonials .h4{
font-style: italic;	
}
/********** Testimonials End **********/

/********** List Section **********/
.section-list__item:last-child {
  margin-bottom: 2em;
}
/********** List Section End **********/

/********** Footer Section **********/
.widget.widget_kinsey_social{
margin-left: -15px;
}
.footer small, .footer .small{
  font-weight: 300;
  font-size: 12px;
}
.logo-footer{
max-width: 130px;
margin-bottom: 40px;
}
.logo-google{
max-width: 130px;
}
.footer .textwidget p{
color:#b0b0b0;
}
.footer .underline-hover-self{
color:#ffffff;
}
/********** Footer Section End **********/

/********** Partners Section **********/
.partners {
display:block;
max-width: 500px;
margin: 0 0 0 auto
}
.partners-text{
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 767px) {
.partners{
display:block;
max-width: 300px;
margin: 0 30px 0 30px;
}
}
@media screen and (max-width: 575px) {
.partners-text{
padding-left: 0;
padding-right: 0;
}
}
/********** Partners Section End **********/