body{
    font-family: 'Montserrat';
}


/*---------- Captions -------------------*/
.banner-slider{
    position: relative;
}

.banner-slider .caption {
    font-size: 26px;
    font-family: 'Raleway-bold';
    position: absolute;
    width: 60%;
    text-align: left;
    color: #fff;
    /* bottom: 20%;
    left: 6%; */
    bottom: 37%;
    left: 11%;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}
.banner-slider li.ns-show .caption {
    /* 5s = (delay + transitionSpeed) set in the ninja-slider.js */
    -webkit-animation: titleAnimation 5s linear both;
    animation: titleAnimation 5s linear both;
}

.banner-slider li.sl-0 .caption { 
    /*delay caption animation for the initial slide*/
    -webkit-animation: none;
    animation: none;
    display:none;
}

@keyframes titleAnimation { 
	0% { opacity:0; }
	10% { opacity:0;transform: translateY(-20%);}
	20% { opacity:1;transform: translateY(0%);}
	70% {opacity:1;transform: translateY(0%);}
	80% {opacity:0;transform: translateY(100%);}
	100% {opacity:0;transform: translateY(100%);}
}

@-webkit-keyframes titleAnimation { 
	0% { opacity:0; }
	10% { opacity:0; -webkit-transform:translateY(-20%);}
	25% { opacity:1; -webkit-transform:translateY(0%);}
	70% {opacity:1; -webkit-transform:translateY(0%);}
	80% {opacity:0; -webkit-transform:translateY(100%);}
	100% {opacity:0; -webkit-transform:translateY(100%);}
}
.what-we-do_left p{
    font-family: 'Inter';
}
.what-we-do_left h6{
  font-family: 'Raleway-bold';
}

.client-blog{
   border: 1px dashed  #000;
   border-left:0px;
   border-right: 0px;
   border-radius: 0px;
   max-width: 1058px;
  
}
.footer-part{
    width: 95%;
    max-width: 1058px;
}
.bgcolor2{
    background: linear-gradient(0deg, #06A9BF 0%, #514A9D 100%);
}
.highlights-box-list h4{
    color: #fff;
    font-size: 28px;
    margin-bottom: 8px;
}
.highlights-box-list:hover h4{
  color: #fff;
}
.highlights-box-list p {
  color: #EFF3F3 ;  
margin-bottom: 0px;
font-size: 12px;
}
.highlights-box-list{
    background-color: #000;
    padding: 22px 0 25px;
}
.highlights-box{
    background-color: #000;
    margin-top: -48px;
    z-index: 1;
    max-width: 890px;
}
.about-section p{
    color: #fff;
    font-size: 16px;
    line-height: 28.144px; 
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.about-section{
    border-bottom: 1px dashed #fff;
}
.what-we-do_imgcircle{
    box-shadow: none;
}
 .caption{
  color: #fff;
}
.menu-list ul li a.active,.menu-list ul li a,.menu-list ul li a:hover {
    color: #fff ;
}
.menu-list ul li a.active{
    border-color: #fff;
}
.menu-list ul li a.active:after{
    border-color: #fff;
}
a.effect-underline:after{
    border-color: #fff;
}
.what-we-do_left h4{
    display: none;
}
.what-we-do_left h6{
    text-transform: uppercase;
    color: #fff;
}
.what-we-do_left  p{
    color: #fff;
}
.what-we-do_left a{
    border-color: #fff;
    color: #000;
    font-family: 'opensans-medium';
    background-color: #fff;
    font-weight: 700;
}
.what-we-do_left a:hover{
color: #fff;
border-color: #000;
}
.hvr-sweep-to-right:before{
    background: #000;

}
.contact-details .title{
    color: #303030;
    font-size: 26px;
    font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.contact-details a{
    color: #000;
    font-size: 18px;
}
.social-media-icons a{
    display: inline-block;
    width: 31px ;
    height: 31px;
    min-width: 31px;
    min-height: 31px;
    background-color: #000;
    border-radius: 50%;
    margin-left: 20px;
}
.client-blog {
    gap: 30px;
    align-items: center;
}
.client-blog img{
    max-width: 80%;
}
.social-media-icons {
    display: flex;
    align-items: center;
}
.social-media-icons a {
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    
}

.social-icons.social-media-icons a{
   
    background-color: #fff;
}
.social-icons.social-media-icons a i{
    color: #000 !important;
    font-size: 18px;
}

.footer-part .title{
    font-family: 'Montserrat-medium';
}
.footer-part .info-group a{
    font-family: 'Inter';
    font-size: 18px;
    color: #303030 !important;
    text-decoration: none;
    font-weight: 400;
}
.mail-info img{
    margin-right: 3px;
    max-width: 34px
}
.phone-info img{
    margin-right: 3px;
    max-width: 24px;
margin-top: -0.2rem;
}
.info-group{
    gap: 16px;
}
.phone-info{
    font-size: 18px;
}
.footer-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer{
   background: #333; 
}
.what-we-do_imgcircle_3{
    background-image: url('../images/parties.png');
}
.what-we-do_imgcircle_2{
    background-image: url('../images/brand-activation.png');
}
.what-we-do_imgcircle_1{
    background-image: url('../images/exhibition.png');
}

.left__block .what-we-do_imgcircle:after{
    animation: rotate 35s infinite linear;
}
.right__block .what-we-do_imgcircle:after{
    animation: rotate_reverse 35s infinite linear;
}
.testi-title h4{
    font-family: 'Raleway-bold';
    color: #000;
    font-size: 26px;
    margin-bottom: 16px;
}
@keyframes rotate {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(359deg);
    }
}
@keyframes rotate_reverse {
    from{
        transform: rotate(359deg);
    }
    to{
        transform: rotate(0deg);
    }
}
.logo-web{
    display: block;
}
.logo-mobile{
    display: none;
}

@media (max-width:1054px){
    .footer-part .title{
        font-size: 17px;
    }
    .footer-part  .info-group a{
          font-size: 16px;
    }
    .mail-info img{
        max-width: 26px;
    }
    .phone-info img{
        max-width: 20px;
    }
    .social-media-icons a{
        zoom: 0.9;
    }
}
@media (max-width:992px){
    .footer-group,.footer-group .info-group{
        flex-direction: column;

    }
    .footer-part .title{
        margin-bottom: 15px;
    }
    .social-media-icons{
        margin-top: 10px;
    }
    .mail-info img{
        width: 24px;
    }
}

@media screen and (max-width: 992px){
    .client-blog {
        height: auto;
        gap: 20px;
    }
}
@media (max-width:767px){
    .client-blog .client-logo-box{
        min-width: 48%;
        width: 48%;
    }
    .client-blog{
        gap: 5px;
        row-gap: 20px;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 0px;

    }
    .logo-mobile{
      display: block;
    }
    .logo-web{
        display: none;
    }
    .banner-slider{
        z-index: -1;
    }
}
@media (max-width:767px){
    .footer-group,.footer-group .info-group{
        flex-direction: column;

    }
    .footer-part a{
        font-size: 16px !important;
    }
    .footer-part .title{
        margin-bottom: 15px;
    }
    .social-media-icons{
        margin-top: 10px;
    }
    .highlights-box{
        margin-top: 0px;
    }
    .banner-slider .caption {
        font-size: 20px;
        width: 52%;
        bottom: 35%;
        left: 7%;   
    }
    
}
@media (max-width:560px){
    .banner-slider .caption br{
        display: none;
    }
}
@media (max-width:359px){
    .mail-info ,.phone-info a,.phone-info{
        font-size: 12px !important;
    }
}
@media (max-width: 500px){
.banner-slider .caption {
    font-size: 13px;
    
}

}
@media (min-width:768px){
    .mahindra-logo img{
        max-width: 100%;
    }
}

@media (min-width:641px){
    .swiper-pagination {
        display: none;
    }
}
  /* header menus */

.fa { 
    padding-right: 0px !important;
}