/*
Theme Name: Expertise Child
Theme URI: https://expertise.qodeinteractive.com
Description: A child theme of Expertise
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: expertise
Template: expertise
*/

#qodef-page-header .qodef-header-logo-link {
    height: 70px !important;
}
.qodef-button.qodef-layout--filled.qodef-html--link {
    color: #fff !important;
    background-color: #B31942 !important;
    border: 1px solid transparent;
}
#qodef-back-to-top .qodef-back-to-top-icon {
    background-color: #0A3161;
	color:#fff !important;
 
}
.portfolio-img-box{
	position:relative;
}
.icon-box {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    display: inline-block;
    right: 0;
    bottom: 0;
    text-align: center;
}
a.custom-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
	overflow:hidden;
	z-index:1;
	transition:all 0.3s ease-in-out;
}

a.custom-icon::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:#B31942;
	top:0;
	left:-100%;
	z-index:-1;
	transition:all 0.3s ease-in-out;
}
a.custom-icon:hover::after{
	left:0 !important;
}
a.custom-icon:hover i{
	color:#fff;
}
a.custom-icon i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:all 0.3s ease-in-out;
}
.portfolio-content-box span{
	font-size:13px;;
	font-weight:600;
}

.portfolio-content-box h2{
	font-size:20px !important;
	margin:0px;
	font-weight:700;
}
.portfolio-content-box{
	padding:20px 10px;
	border-bottom:2px solid #d2d2d2;
}
.qodef-h3, h3 {

    font-size: 36px;
   
}
.partnership-section .qodef-m-title {

    font-size: 45px !important;
  
}

.qodef-testimonials-list-wrapper .qodef-e-text{
	font-size:26px !important;
	line-height:35px;
	font-weight:400;
}
#qodef-page-footer-top-area-inner .wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 40% !important;
    vertical-align: bottom;
}
.qodef-interactive-link-showcase .qodef-m-item .qodef-e-title {
    position: relative;
    display: block;
    z-index: 2;
    font-family: "Inter Tight",sans-serif;
    font-size: 36px;
    line-height: 1.16667em;
    font-weight: 500;
}
.qodef-interactive-link-showcase .qodef-m-item {
    position: relative;
    padding: 15px 0 15px 40px;
    border-bottom: 2px solid #d2d2d2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.qodef-interactive-link-showcase.qodef-ripple-effect--on .qodef-m-image canvas {

    visibility: hidden;
}
.qodef-button.qodef-layout--simple .qodef-m-icon-holder .qodef-m-icon:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color:#b31942;
    z-index: -1;
	color:#fff !important;
    transform-origin: left;
    transform: scaleX(0);
    transition: all .2s ease-out;
}
.qodef-svg--quote {
    fill: #0A3161;
    stroke: none;
}
.qodef-section-title .qodef-m-title {
    margin: 0;
    font-size: 40px;
	font-weight:700;
}
.qodef-m-info .qodef-m-icon {
    max-width: 70px;
	margin-bottom:20px;
}
.qodef-m-info h4 {
    font-size: 22px;
}
.qodef-info-section .qodef-m-info {
    position: relative;
    text-align: center;
}
.qodef-info-section .qodef-m-info {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position:relative;
	border-radius: 10px;
	z-index:1;
}
.qodef-info-section {
    padding: 30px 53px;
    position:relative;
	border:1px solid #ccc;
	overflow:hidden;
}
.qodef-info-section::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background-color:#ecf5fa;
	transition:all 0.3s ease-in-out;
}
.qodef-info-section:hover::after{
	left:0;
}
body[class*=expertise-core] p {
    margin: 0;
}
.qodef-contact-form-7 .qodef-form-wrapper.qodef--contact button[type=submit], .rs-layer .qodef-form-wrapper.qodef--contact button[type=submit] {
    margin: 5px 0 0;
    padding: 22px 44px 21px;
	background:#B31942 !important;
	color:#fff;
}
.content-area h3{
	font-size:24px;
	font-weight:600;
}
.flex-box {
    display: flex;
    background: #f5fbfc;
    border: 1px solid #ebebeb;
	overflow:hidden;
}
.col-md-6{
	flex:1;
}
.content-area{
	padding:30px;
}
.content-area p{
	font-size:16px;
}
.flex-box:hover .image-area{
	
}
.image-area{
	width:100%;
	height:100%;
	background-image:url('https://lifeofpay.com/msitek/wp-content/uploads/2024/08/Expertise-Experience-1188x750-1.webp');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.qodef-m-info h4 {
    font-size: 20px !important;
    font-weight: 600 !important;
}

@media(min-width:1299px){
.typing-text {
    font-size: 60px !important;
    line-height: 80px !important;
}

}
@media(min-width:1300px) and (max-width:1399){
	.qodef-custom-font-860 {
    font-size: 60px !important;
    line-height: 74px !important;
}
	
}
@media(min-width:992px) and (max-width:1299px){
	.typing-text{
	font-size:40px !important;
	line-height:60px !important;
}
}


.qodef-typeout-cursor{
	display:none !important;
}
.qodef-info-section h4 {
    color: #0A3161;
}


.effect-wrapper {
  text-align: center;
  font-weight: normal;
	margin:15px !important;
	line-height:0 !important;
}

#typed {
      color: #000000;
    font-family: "Inter Tight", Sans-serif;
    font-size: 45px;
    font-weight: 500;
	
}

.cursor {
  display: inline-block;
/*   background-color: #b0ff95; */
  animation: blinker 500ms infinite;
	visibility:hidden !important;
}

.cursor.typing-true {
  animation: none;
}

@keyframes blinker {
	0% { background-color: #00aeff; }
	50% { background-color: transparent; }
	100% { background-color: #00aeff; }
}
.icon-box {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff !important;
    display: inline-block;
    right: 0;
    bottom: 0;
    text-align: center;
}
.qodef-info-section:hover .qodef-m-info .qodef-m-icon
 {
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0); /* Start and end at the original position */
    animation-timing-function: ease-in;
  }
  50% {
    transform: translateY(-10px); /* Move up */
    animation-timing-function: ease-out;
  }
}
.qodef-video-button.qodef-ripple-effect--on .qodef-m-image canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: inset(0 75% 0 0);
    clip-path: inset(0 75% 0 0);
    display: none;
}

@media(max-width:1512px){
	.qodef-custom-font-68 {
    font-size: 60px !important;
    line-height: 80px !important;
}
}
.qodef-shortcode.qodef-m.qodef-single-image.qodef-layout--default.qodef--retina .qodef-m-image {
    max-width: 200px !important;
}

span.qodef-e-title-inner {
    display: none !important;
}
.qodef-video-button.qodef-ripple-effect--on .qodef-has-ripple-effect:after {
	display:none !important;
}
.qodef-video-button .qodef-m-play span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #B31942 !important;
    border-radius: 100%;
    transform: scale(1);
    transition: transform .4s cubic-bezier(.5,1,.89,1);
}
@media(max-width:768px){
	body .qodef-custom-font-914 {
    font-size: 27px !important;
    line-height: 33px !important;
    margin-bottom: 20px;
}
}
h2.gform_title {
    display: none !important;
}
.qodef-blog.qodef-ripple-effect--on .qodef-e-media-image canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: inset(0 66% 0 0);
    clip-path: inset(0 66% 0 0);
    display: none !important;
}
.qodef-e-top-holder{
	display:none !important;
}
.qodef-blog.qodef-ripple-effect--on .qodef-has-ripple-effect:after {
    content: '';
    background: rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: inset(0 66% 0 0);
    clip-path: inset(0 66% 0 0);
    pointer-events: none;
	display:none !important;
}
.qodef-blog .qodef-e-title {
    margin: -.05em 0 17px;
    font-size: 40px !important;
}

@media only screen and (max-width: 1512px) {
    .qodef-custom-font-263 {
        font-size: 80px !important;
        line-height: 95px !important;
    }
}
::selection {
  background-color: #B31942 !important;
  color: #fff !important; /* Text color */
}
/* @keyframes slides {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
} */

.logos {
  overflow: hidden;
  padding: 0px 0;
  white-space: nowrap;
  position: relative;
  width: 100%; /* Ensure the container takes full width */
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.logo_items {
  display: inline-flex;
  animation: slides 50s linear infinite; /* Infinite animation for smooth sliding */
  gap: 40px; /* Even spacing between items */
  padding-left: 10px;
}

.image_container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 0;
  border: 1px solid #ddd; /* Border around items */
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.logo_items img {
  height: 100px;
  max-width: 200px !important;
  margin: 0;
  object-fit: contain;
  transition: transform 0.8s ease, box-shadow 0.3s ease;
  border-radius: 8px; /* Rounded corners for images */
}

.logo_items img:hover {
  transform: scale(1.1); Slight zoom effect
/*   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); */
} 

/* Pause animation on hover */
/* .logos:hover .logo_items {
  animation-play-state: paused;
} */

/* Responsive Design */
@media screen and (max-width: 768px) {
  .logo_items {
    flex-wrap: nowrap; /* Allow wrapping on smaller screens */
    justify-content: center; /* Center-align items */
    animation: none; /* Disable animation for better UX on smaller screens */
  }
  
  .image_container {
    margin: 10px;
    padding: 15px;
    width: auto; /* Auto width for dynamic wrapping */
  }

  .logo_items img {
    height: 80px; /* Smaller image size */
    max-width: 150px;
  }
}

@media screen and (max-width: 480px) {
  .logo_items {
/*     flex-direction: column; /* Stack items vertically */ */
    align-items: center;
    gap: 15px;
  }
	.logo_items img {
    height: 100px;
    max-width: 130px !important;
    margin: 0;
    object-fit: contain;
    transition: transform 0.8s ease, box-shadow 0.3s ease;
    border-radius: 8px;
}

  .image_container {
    margin: 5px;
    padding: 10px;
  }

  .logo_items img {
    height: 60px; /* Smaller size for very small screens */
    max-width: 120px;
  }
	.logos:before, .logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 60px;
    height: 100%;
    z-index: 2;
}
	.logo-heading {
    font-size: 30px !important;
    text-align: center;
    font-weight: 700 !important;
    margin-bottom: 0px;
    padding: 0 19px;
}
}
.logo-heading{
	font-size:40px;
	text-align:center;
	font-weight:700 !important;
	margin-bottom:0px;
	
}
.row{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.row .col-md-3{
	flex:1;
	padding:0 20px;
}
.sr-img-box{
	max-width:140px;
	height:auto;
}
.sr-img-box img{
	width:100%;
}
.mt-4{
	margin-top:50px;
}
.main-heading-section h2 {
    text-align: center;
}
.main-heading-section p{
	text-align:center;
}
.logo_items img {
    height: 100px;
    max-width: 150px !important;
    margin: 0;
    object-fit: contain;
    transition: transform 0.8s ease, box-shadow 0.3s ease;
    border-radius: 8px;
}