/* xl - DESKTOP STYLES */ 
:root {
	--pink: #ed0181;
	--yellow: #fff200;
	--blue: #00aeef;
	--main-font: 'Sofia Sans Extra Condensed';
}
.grecaptcha-badge {
    display: none !important;
}
.name-box.padding-20px-left {
    padding-top: 0 !important;
    padding-left: 15px !important;
}
.blog .row.equalize.sm-equalize-auto {
    display: none;
}
.accordion-style1 .panel-heading i {
    font-size: 17px !important;
    color: #ffffff !important;
}
.pofo-single-post-title-bg {
    margin-top: 160px !important;
    margin-left: -30px !important;
}
.team .panel-body a {
    text-decoration: underline 1px !important;
}

nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li.current-menu-item > a {
    color:#9d9d9d;
}
.simple-dropdown .dropdown-menu > li > a {
    color: #ffffff;
}
footer ul.sub-menu {
    display: none;
}
header .logo-light img {
	filter: invert(1) brightness(100);
}
header .logo-light .strapline span {
text-transform: uppercase;
    letter-spacing: 0;
    margin-right: 3px;
    font-size: 32px;
}
header .logo-light .strapline span:nth-child(1) {
	color: var(--pink);
	font-weight: 300;
	opacity: 0;
  animation: fadeIn 2s ease-in-out 2s forwards;
}
header .logo-light .strapline span:nth-child(2) {
	color: var(--yellow);
	font-weight: 300;
	opacity: 0;
  animation: fadeIn 2s ease-in-out 4s forwards;
}
header .logo-light .strapline span:nth-child(3) {
	color: var(--blue);
	font-weight: 300;
	opacity: 0;
  animation: fadeIn 2s ease-in-out 6s forwards;
}
.strapline {
    margin-left: 5px;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

header .nav-header-container {
	padding: 0!important;
}

a.logo-light img {
    height: 50px !important;
	margin-top:30px;
	filter: brightness(10) !important;
}

.strapline {
    max-width: 420px;
    display: flex;
    justify-content: space-between;
}


/* Css Added by Hamza*/


/* End Css Added by Hamza*/

/* Layout */
.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}
section {
    padding: 60px 0;
}

.wpb_single_image.invert {
	filter: invert(1);
}
.logo-list .wpb_wrapper {
	 display: flex;
	justify-content: space-between;

}
.logo-list img {
	height: 35px;
	width: auto;
    object-fit: contain;
}

.pofo-client-image-slider-2 img {
	width: 75px;
	height: auto;
    object-fit: contain;
}

video {
	border: 1px solid #fff;
	padding-bottom: 1px;
}

.indent p,
.indent div,
.indent button {
	margin-left: 65px;
}
.inline {
	float: left;
}
.clear {
	clear: both;
}

.wpb_single_image.invert {
	filter: invert(1);
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
	background: transparent;
    border: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    /*text-decoration: underline;*/
    font-size: 30px;
    line-height: 30px;
}

/* Typography */
.vc_custom_heading.uppercase {
	text-transform: uppercase;
}

.vc_custom_heading.pink {
	color: var(--pink);
}
.vc_custom_heading.yellow {
	color: var(--yellow);
}
.vc_custom_heading.blue {
	color: var(--blue);
}

/* heading with plus on the left */
.vc_custom_heading[class*="plus"] {
	padding-left: 65px;
	position: relative;
}

.vc_custom_heading[class*="plus"]:before {
	content: "+";
	font-size: 105px;
    font-family: sans-serif;
    font-weight: 400;
	position: absolute;
	left: 0;
	color: #fff;
	
}

.inline.vc_custom_heading[class*="plus"] {
	margin-left: 0px;
}

/* Text with + on the left 
.featurebox30 .col-md-3 {
	width: 15%;
}
.featurebox30 .col-md-9 {
	width: 85%;
}
.featurebox30 h2 {
	font-size: 100px;
    font-weight: 700;
}
.featurebox30 .text-medium {
	color: #fff;
    font-size: 36px;
	line-height: 46px;
	font-family: var(--main-font);
	text-transform: uppercase;
}
.featurebox30 .text-extra-small {
	font-size: 28px;
    line-height: 35px;
	margin-bottom: 30px;
	font-family: var(--main-font);
	font-weight: 300;
}
.featurebox30.pink .text-medium {
	color: var(--pink);
}
.featurebox30.yellow .text-medium {
	color: var(--yellow);
}
.featurebox30.blue .text-medium {
	color: var(--blue);
}*/

/* Portfolio slider */
.portfolio-slider-style-6 .portfolio-hover-content span {
	font-family: var(--main-font);
	font-weight: 400;
}

/* Testimonial */
.testimonial-style3 .testimonial-content-box {
	background: #000;
	color: #fff;
	padding: 0;
}
.testimonial-style3 .testimonial-box {
	padding: 0!important;
}
.testimonial-style3 .testimonial-box .name-box {
	padding-left: 0;
	padding-top: 30px;
}
.testimonial-style3 .testimonial-box .name-box div {
	color: #fff;
	font-family: var(--main-font);
	font-size: 17px;
    line-height: 22px;
    font-weight: 400;
}
.testimonial-style3 .arrow-bottom:after {
	display: none;
}
/* JH CSS */
/* LOGO SIZING */
header a.logo-light img, header a.logo-dark img {
    max-height: 135px !important;
}
/* NAV POSITION */
nav .accordion-menu {
    position: ABSOLUTE;
    width: 800px;
    left: -10px !IMPORTANT;
    top: 100px !IMPORTANT;
}
nav .pull-right {
    float: left!important;
}
nav a {
    margin-left: 0px !important;
    font-size: 20px !important;
}
.entry-content {
    margin-top: 60px;
}
header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, header nav.navbar .navbar-nav > li.current-menu-ancestor > a, nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a, header nav.navbar .navbar-nav > li.current-menu-item > a, nav.navbar.bootsnav ul.nav > li.current-menu-item > a {
    color: #ffffff !important;
}
/* TURN BORDER OFF VIDEO */
video {
    border: none !important;
}
/* PADDING AROUND CUSTOMER LOGOS */
.white-move .swiper-slide {
    padding: 20px !important;
}

/* Footer (Change Layout only on Desktop*/

/*
@media only screen and (min-width: 600px) {
.row {
    display: flex;
    flex-wrap: wrap;
}

.row > .widget {
    flex-basis: 100%; 
    max-width: 100%;
}

@media (min-width: 768px) { 
    .row > .col-md-4:nth-child(1) {
        flex-basis: 40%;
        max-width: 40%;
    }
    .row > .col-md-4:nth-child(2),
    .row > .col-md-4:nth-child(3) {
        flex-basis: 30%;
        max-width: 30%;
    }
}
	
	div#media_image-2 img {
    width: 415px;
}

}

*/

	.footer-left-text {
    font-size: 19px;
	float:left;
	display: flex;
}

.footer-left-text a {
    margin-left: 3px;
}
footer .menu li a {
    font-size: 28px !important;

}

.videoborder {
	border:solid 1px gray !important;
}




@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


/* hover changes*/

nav.navbar.navbar-default ul.nav > li > a {
    padding: 26px 0 10px 0;
}


.navbar-nav li a {
    position: relative; 
    text-decoration: none;
}

.navbar-nav li a::before {
    content: "";
    position: absolute;
    width: 15px; 
    height: 1px;
    bottom: 0; 
    left: 0; 
    background-color: #fff; 
    visibility: visible; 
    transition: all 0.3s ease-in-out; 
}

.navbar-nav li a:hover::before {
    width: 100%; 
    visibility: visible; 
}

/* Footer Links Hover */
.pofo-footer a {
    position: relative;
    text-decoration: none;
}

.pofo-footer a::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    bottom: 0; 
    left: 0; 
    background-color: #fff;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

.pofo-footer a:hover::before {
    width: 100%; 
    visibility: visible;
}

/* Other btns hover */

.btn-hover-style a {
    position: relative; 
    text-decoration: none; 
}

.btn-hover-style a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0; 
    left: 0; 
    background-color: #fff; 
    visibility: visible; 
    transition: all 0.3s ease-in-out; 
}

.btn-hover-style a:hover::before {
    width: 15px; 
    visibility: visible;
}

.portfolio-grid {
    margin-top: 180px !important;
}

/* Contact Form */

.contact-form p {
    /* display: none; */
    margin-bottom: 0;
}

/* Apply hover to mailto*/
a[href^="mailto:"] {
    position: relative; /* Ensure relative positioning for the pseudo-element */
    text-decoration: none; /* Remove default underline */
}

a[href^="mailto:"]::before {
    content: "";
    position: absolute;
    width: 15px; /* Initial short underline width */
    height: 1px; /* Height of the underline */
    bottom: 0; /* Position at the bottom of the text */
    left: 0; /* Align to the left */
    background-color: #fff; /* Use your desired color */
    visibility: visible; /* Ensure it's visible */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
}

a[href^="mailto:"]:hover::before {
    width: 100%; /* Extend underline to full width on hover */
    visibility: visible; /* Keep visible on hover */
}
.intro-text p {
    font-size: 30px;
    line-height:30px;
}

.testimonial-text h5{
    font-size: 20px;
    line-height:30px;
    color:#fff;
}


.btn-change .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
    background: transparent;
    border: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 24px;
    line-height: 30px;
}


.herotext p {
 font-size:50px;
 line-height:50px;
 margin-left:-10px;
}
.herotext strong {
 font-size:60px;
 line-height:50px;
 color:#00AAEF;
}

.headline40 {
	font-size:40px !important;
	line-height:46px !important;
}
.tempopink {
color:	#ee0283;
	font-weight:500;
}
.vc_custom_heading.uppercase {
    font-size: 30px;
}
.reachengagementvalue h1 {
	font-size:50px !important;
	line-height:56px !important;
}
h1.vc_custom_heading.vc_do_custom_heading.uppercase {
    font-size: 50px;
}
h2.vc_custom_heading.vc_do_custom_heading.uppercase {
    font-size: 40px;
}

/*HH - Logos Home page adjustments*/

header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {
    color: #ffffff !important;
}

@media only screen and (max-width:600px) {
  .logo-list .wpb_wrapper {
  flex-wrap:wrap;
  display:flex;
}
.award-logo {
  flex:1 1 calc(33.33% - 16px);
  max-width:calc(33.33% - 16px);
  text-align:center;
}
.award-logo img {
  width:100%;
  /* Make images fully responsive */
    height:auto;
  /* Keep aspect ratio */
}
.logo-list img {
  height:unset !important;
}
	
nav .accordion-menu {
width: 95% !important;
}
	
nav.mobile-menu.navbar.bootsnav .navbar-nav {
    padding: 0px 10px;
}

}
	

/* Cookies bar*/

.cookie-notice-container {
    border-top: 1px solid;
	padding: 20px 30px !important;
}

.cn-close-icon:after, .cn-close-icon:before {

    background-color: #ffffff !important;
}

span#cn-notice-text {
    font-family: 'Sofia Sans Extra Condensed' !important;
    font-size: 23px !important;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    font-family: 'Sofia Sans Extra Condensed';
    font-size: 20px;
    font-weight: 600;
}


@media only screen and (max-width: 600px) {
span#cn-notice-text {
    text-align: left;
    margin-bottom: 10px;
    font-size: 20px !important;
}
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 479px) {
  /* Header */
  header .nav-header-container > .row {
  	margin: 0;
  }
  header .logo-light img {
  	max-height: 27px!important;
  }
  header .logo-light .strapline span {
  	font-size: 19px;
  }
  .vc_column-inner.vc_custom_1737736365066 {
      margin-top: 20px !important;
  }
  h1.alt-font.text-extra-dark-gray.font-weight-600.no-margin-bottom.pofo-single-post-title {
      margin-left: 20px !important;
  }
  
  /* Layout */
  .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .indent p,
  .indent div,
  .indent button {
  	margin-left: 50px;
  }
  
  /* Typography */
  h5 {
  	font-size: inherit;
      line-height: inherit;
  }
  
  /* heading with plus on the left */
  .vc_custom_heading[class*="plus"]:not(.inline) {
  	padding-top: 30px;
  }
  .vc_custom_heading[class*="plus"] {
  	padding-left: 50px;
  }
  .vc_custom_heading[class*="plus"]:before {
  	font-size: 65px;
  	margin-top: -5px;
  }
  .inline.vc_custom_heading[class*="plus"] {
  	margin-left: 10px;
  }
  
  /* Testimonial */
  .testimonial-style3 .testimonial-box .name-box {
  	padding-bottom: 30px;
  }
  nav .accordion-menu {
      left: 10px !IMPORTANT;
  }
  .navbar-toggle .icon-bar {
      width: 30px;
      height: 4px;
      border-radius: 0px;
  }
  .logo-list img {
      padding-right: 20px !important;
  }
  .reachengagementvalue h1{
  	font-size:30px;	
  }
  .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element {
      margin-top: 20px !important;
  }
  .xs-text-center {
      text-align: left !important;
  }
  footer ul {
      padding-left: 0px !important;
  }
  div#media_image-2 {
      margin-left: -10px !important;
  }
  .herotext p {
   font-size:36px;
   line-height:40px;
   margin-left:0px;
  }
  .herotext strong {
   font-size:36px;
   line-height:40px;
   color:#00AAEF;
  }
  .headline40 {
  	font-size:30px !important;
  	font-weight:36px !important;
  }
  .parent-pageid-602 video.pofo-html5-video {
      margin-top: 30px;
  }
  .extramobilespace {
  	margin-top:30px;
  }
  .logo-list img {
      height: 165px;
  
  }
}