.container {
    max-width: 80%;
}
.background-header .logo1 img{
    height:40px;
}
/* .top_section{
  background-color:#df132e;
} */
.body{
    font-family: 'Roboto';
}
.navbar_contact{
    background-color: #dc3545;
    color: aliceblue;
    border-radius: 32px;
    width: 135px;
    text-align: center;
    margin: auto;
    margin-top: -10px;
    padding-bottom: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.header-area .main-nav .nav li:hover a.navbar_contact {
    /* color: #aa72ce !important; */
}
body .header-area .main-nav .nav li a.navbar_contact {
    line-height:28px;
    /* color: #141a2a !important; */
    }

.navbar_contact:hover{
   color: black ;
   transition: all 1s step-end;
   
}
.top_background{
    background-color: #dc3545;
    background-repeat: no-repeat;
    background-size: 100%;
    /* background-image: url(/Images/bannerBg.jpg.jpg); */
    background: url(../images/bannerBg.jpg) center center no-repeat;

}
.contactUsBannerButton  a{
    background:#aa72ce;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    /* padding:4px 11px; */
    font-size:18px;
    font-weight: 400;
    color: #fff;
    border-radius: 32px;
    width: 174px;
    height: 50px;
    text-align: center;
    margin: auto;
    font-weight: 500;
}
.main-banner{
    position: relative;
}
.navbar_contact{
    padding-top: 5px;
}
.bannerTransparent {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    float: left;
    z-index: 2;
}

body .ott h1{
    color:#fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}

.ott p{
    color:#fff;
}

/* .main-banner .caption h2 {
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
} */

.videoLeftSection{ height: 100%;}
/* .videoContentContainer{
    position: relative;
    width: 100%;

} */
/* .videoContentContainer video{
    width: 100%;
} */
/* .videoLeftSection video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.overlay{
    position: absolute;
    top: 0;
    /* left: 0;  */
     width: 100%; 
    height: 100%; 
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
    color: white;
    background: rgba(0, 0, 0, 0.5); 
  }
.main-banner h2{
        color: #fff;
        font-family: 'Roboto', sans-serif;;
        font-size: 48px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 50px;
        margin: 0;
        margin-top: 295px;
    }

    .main-banner h6{
        color: #FFFFFF;
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        letter-spacing: 0;
        line-height: 30px;
        font-weight: 500;
        margin: 25px 0 35px;
        padding-right: 50px;
    }
    .main-banner p{
        color: #fff;
        font-family: 'Roboto';
        font-size: 15px;
        font-weight: 500;
        margin-top: 15px;
        margin-bottom: 186px;
    }

.main-banner h2 span{ 
    color: #aa72ce;
}

.bgColor{background: #141a2a;}

.header-area .main-nav .nav li a {
    color:#fff;
}
.header-area .main-nav .nav li a.active {
    color: #000!important;
}

.navbar_contact {
    background-color: #AA72CE;
}

.header-area .main-nav .nav li:hover a, .header-area .main-nav .nav li a.active {
    color: #aa72ce!important;
}

.zIndex22{
    z-index: 22;
}

.select_clients{
    max-width: 69%;
    margin: 0px auto;
    padding-bottom: 5rem;
    margin-top: -5rem;
}
.paddingBottom{
    padding-bottom: 10rem;
    
}
.select_clients h1{
    margin-top: 5rem;
    margin-bottom:6rem;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 4.5rem;
    font-size: 46px;
    line-height: 53px;
    font-weight: 800;
    color: #28103c;
    /* font-family: 'DM Serif Display', serif; */
    font-family: 'Roboto', sans-serif;

}
.ott h1{
    margin-top: 2.5rem;
    margin-bottom: 4rem;
    text-align: left;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 3rem;
    font-size: 46px;
    line-height: 53px;
    font-weight: 400;
    font-family: 'DM Serif Display', serif;
    margin-right: 1.5rem;

}
.ott p{
max-width: 425px;
font-size: 18px;
line-height: 28px;
font-family: 'Lato', sans-serif;
margin-top: -20px;
font-weight: 700;
}
.margintTop15{
    margin-top: 15px;
    display: inline-block;
}
.textColorWhite{
    color:#fff;
}

.eventbanner {
    position: relative;;
    
}
.eventbanner span img{
    z-index: 10;
    position: relative;
    box-shadow: 6px 27px 48px 11px rgba(0, 0, 0, 0.02);
}


.eventbanner span:before {
    content: '';
    width: 82%;
    height: 100%;
    border: 4px solid #fff;
    position: absolute;
    left: 26%;
    top: 8%;
    z-index: 0;
}
.textAlignRight{
    text-align: right;
}

.select_clients h1 span{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
}

.clients{
    display: flex;
    justify-content: space-between;
    margin: 20px 0px ;
    justify-content: center;
}
.clients img{
    width: 110px;
    height: auto;
    position: relative;
    z-index: 20;
}
.Live_streame{
    display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.Live_streame img{
    margin-bottom: 12px;
}
.Live_streame h2{
    font-size: 24px;
    font-weight: 500;
    color: #aa72ce;
    font-family: 'Roboto', sans-serif;
    line-height: 29px;
    text-align: center;
}
.Live_streame p{
    max-width: 300px;
    font-size: 15px;
    line-height: 23px;
   margin-top: 20px;
   font-weight: 400;
    color: #f1f1f1;
    /* font-family: 'Lato', 'helvetica neue', helvetica, arial, sans-serif; */
    font-family: 'Lato', sans-serif;
    text-align: center;
}
.Live_streame  h6{
    font-weight: 600;
    line-height: 1.8;
    font-size: 24;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}
.ott{
    display: flex;
    justify-content: space-between;
}
.Ott_solution{

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.8rem;
    padding-left: 25px;
}
.ottSec{
    display: flex;
    justify-content: space-between;
}

.Ott_solution img{
    width: 40px;
    height: auto;
    margin-right: 10px;
}
.ott_sections{
    display: flex;
    margin-top: 40px;
}
.feature{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-around;

}

.background-header .main-nav .nav li a {
    color: #fff!important;
}
.background-header .nav {
    margin-top: 10px !important;
}
.feature_section{
    display: flex;
    justify-content:space-between;
}
.background-header {
    background-color: #141a2a!important;
}
.feature_img_sec{
    width: 50%;
}
.feature_img_sec img{
    width: 80%;
    height: auto;
}
.feature_img_sec2{
    width: 45%;
    margin-left:  50px; 
}
.feature_section h3{
    font-size: 16px;
    margin-top: 10px;
}
.built-in{
    width: 439px;
   
}
.built-in h3 {
    color: #000;
    font-size: 42px;
    font-family: 'Roboto', sans-serif;
    /* text-align: center; */
    font-weight: 700;
    padding-bottom: 29px;
    padding-left: 20px;
}
.built-in h6 {
    color: #182539;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: 400;
    padding-bottom: 36px;
}
    

.built-in h4{
    color: #231f1f;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 1.1rem;
    font-family: 'Lato',sans-serif;
   max-width: 290px;
}


.built-in h5{
    color: #231f1f;
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 1.1rem;
    font-family: 'Lato',sans-serif;
    max-width: 290px;
}
.fa-check{
    color: #fff;
    margin-right: 18px;
    background: #000;
    border-radius: 5px;
    width: 23.3px;
    height: 19.11px;
    padding-left: 2px;
    padding-top: 0px;
}
.pricingButton Button{
    background-color: #000;
    color: #fff;
    border: none;
    font-family: 'Roboto';
    border-radius: 14px;
    padding: 17px 55px;
    box-shadow: -7px 10px 33px 5px rgba(0,0,0,0.2);
}
.pricingButton{
    margin-top: 68px;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.hex{
    font-size: 20px;
}
.navbar_contact{
    margin-top: 0px;
}
.bundle1{
    width:100%;
}
.bundle2{
    width:100%;
}
.contact-us{
    background-color: #dc3545;
    color: aliceblue;
    border: none;
    outline: none;
    font-size: 21px;
    padding-bottom: 8px;
    margin-top: 50px;
}
.event{
    display: flex;
    justify-content: space-between;
}
.event1{
    width: 56%;
}
.event h2{
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    padding: 99px 40px 20px 0;
    font-family: 'Roboto', sans-serif;
}
.event p{
    max-width: 500px;
    line-height: 1.8;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
}
.event h6{
    color: #dc3545;
    margin-top: 2rem;
    font-size: 17px;
    line-height: 40px;
    font-weight: 600;
    cursor: pointer;
}

.eventSection h1{
    color:#fff;
}

.event img{
    /* transform: scale(86%); */
    width: 80%;
    height: auto;
}
body{
    font-family:'Roboto' 'DM Serif Display', georgia, times, serif;
}
.footer{margin-top: 10px; padding: 20px 0px;}
.footer p{
    font-family: 'Lato',sans-serif;
}


/* CARDS */
.card{
    border-radius: 11px;
    border: 1px solid #d2d2dc;
    background-clip: border-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212,182,212,1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
   
}
.profile-image{
    width: 100%;
    height: 200px;
    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px;
}
.card-title{
    font-size: 19px;
    font-weight: 200;
}
.media iframe,
.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(120, 120, 120, .1);
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.media-content:before {
    content: '';
    position: absolute;
    height: 10%;
    width: 90%;
    left: 5%;
    bottom: 0;
    background: inherit;
    background-position-y: 100%;
    filter: blur(10px)
}

.circle .media-content:before {
    width: 40%;
    left: 30%
}
.card  p {
    font-size: 0.985rem;
    margin-bottom: .5rem;
    line-height: 1.5rem;
    font-family: 'Lato',sans-serif;
}
.card h4{
    line-height: .2 !important;
} 
.items {
    width: 90%;
    margin: 0px auto;
    margin-top: 100px
}

/* contact us */
input{
    padding: 18px;
    font-size: 20px;
    background-color: white;
    box-shadow:0 10px 20px rgb(0 0 0 / 5%);
    color: #222;
    outline: none;
    border: none;
    margin-bottom: 25px;
    width: 48%;
    /* margin-left: 20px; */
 }
 .f-name{
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
 }
 .form11{
     max-width: 800px;
     margin: 0px auto;
     margin-top: 4rem;
 }
 .textfield{
     padding: 23px;
     width:100%;
     height: 160px;
     
 }
 
 .contact{
     text-align: center;
     margin-top: 6rem;
 }
 .contact p{
     max-width: 70rem;
     margin: 0px auto;
     font-size: 18px;
     line-height: 1.5;
     letter-spacing: .5;
     color: #717171;
     font-weight: 400;
     margin-top: 2rem;
 }
 /* body{
     background-color: #f7f9f9;
 } */
 .submit_button{
     width: 100%;
     height: 44px;
     margin-top: 30px;
     background-color: #28103c;
     color: white;
     font-size: 20px;
     font-weight: 600;
     cursor: pointer;
    
     border: none;
     margin-bottom: 10rem;

 }
 .contact h1{
     font-size: 45px;
     font-family: 'Roboto', sans-serif;
    font-weight: 800;

 }
 #contact-us{
    max-width:80% ;
    margin: 0px auto;
 }


 /* ABOUT US PAGE */
 .ready h1{
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;
 }
 .ready button{
    background-color: #28103c;
    color:  #fff;
    border: none;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    line-height: 19px;
    width: 110px;
    height: 40px;
    font-weight: bold;
    display: grid;
    margin: auto;
    

 }
 .About_us{
    max-width: 69%;
    margin: 0px auto;
 }
 .About{
    display: flex;
    margin-top: 4rem;
    padding-top: 4rem;
    padding-bottom: 4rem;

 }
 .About img{
    height: 388px;
    width: auto;
 }
 .About h1{
   text-align: left;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 35px;
    font-family: 'Roboto', sans-serif;
    color: #141a2a;
 }
 .About p{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 24px;
    margin-top: 24px;
 }
 .About_content{
    padding-left: 45px;
 }
 .About_content2{
    padding-right: 45px;
 }



@media (max-width:480px) {
    .ott{
        flex-wrap: wrap;
    }
    .ottSec{
        flex-wrap: wrap;
    }
    .ott_sections{
        flex-wrap: wrap;
    }
    .Ott_solution{
        padding-left: 0px;
    }
    .feature{
        flex-wrap: wrap;
        justify-content: space-around;
        
    }
    .feature_img_sec{
        width: 100%;
    }
    .feature_img_sec2{
        width: 100%;
        margin-left: 0;
    }
    .feature_section{
        justify-content: center;
        flex-wrap: wrap;
    }
    .bundle1{
        width: 100%;
    }
    .bundle2{
        width: 100%;
    }
    .event{
        justify-content: center;
        flex-wrap: wrap-reverse;
    }
    .event1{
        width: 100%;
    }
    .event h2{
        padding-right: 0px;
    }
    .main-banner .caption h2{
        font-size: 35px;
    }
    .main-banner .caption h6{
        padding-right: 10px;
    }
    .Live_streame h2{
        margin-top: 1rem;
    }
    .main-banner .caption{
        padding-left: 30px;
    }
   .logo1 img{
        height: 85px;
    }
    .eventbanner span{
        margin-left: -21%;
    display: inline-block;
    }
    body .header-area .main-nav .nav li a.navbar_contact {
        
        color: black !important;
        }
    .navbar_contact{border-radius: 0px;}
        /* about us */

        .About{
            flex-wrap: wrap;
        }
        .About_content{
            padding-left: 0px;
         }
         .About_content2{
            padding-right: 0px;
         }
         /* .monetizationContent */
         .monetizationContent{
            padding-top:38px ;
         }
         .monetizationContainer{
            justify-content: space-around !important;
         }
         .monetizationContent{
            width: 40% !important;
         }
         /* main banner */
         .main-banner h2{margin-top: 25px !important;}
         /* platform */
         .platformRow .platformContent1 {
            width: 40% !important;
         }
         .platformRow .platformContent2 {
            width: 40% !important;
         }
         .platformRow .platformContent3{
            width: 40% !important;
         } 
         .platformAlign4 {
            padding-right: 0px !important}

        .platformAlign3{
            text-align: center;
        }
        .hexagonImageTextContainer{flex-wrap: wrap;}
        /* toggle mute unmute button */
        #toggleMuteButton {
            right: 30px !important;
            bottom: 30px !important;
            height: 46px !important;
        }
        #muteIcon{
            width:27px;
            height:26px;
        }
        .platform h4 {
            padding-top: 38px;
             font-size: 26px !important;
        }
        .platformRow .platformAlign2 {
            text-align: center !important;
            padding-left: 0px;
        }
        .platformRow .platformAlign3{
            text-align: center !important;
        }
        .monetizationContent img{
            height: 80px !important;
        }
        .monetizationContent h6{
          font-size: 18px !important;
        }
        .select_clients h1{
            font-size: 30px !important;
        }
        #unmuteIcon{
            width:37px;
            height:39px;
        }
        .clients .hexagonImageTextContainer >div p{
            max-width: 343px !important ;
            font-size: 19px;
            padding-top: 10px;
          }


}
@media (max-width:350) {
    .logo1 img{
        height: 75px;
       
    }
  }
@media (max-width:995px) {
    .main-banner .caption h2{
        font-size: 35px;
    }
    .built-in{
        width: 380px;
    }
    .clients .hexagonImageTextContainer{
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
   .clients .hexagonImageTextContainer >div p{
    width: 634px;
   }
}
@media (max-width:1230px) {
    .bundle1{
        width: 100%;

    }
    .bundle2{
        width: 100%;
    }
    .feature_section{
        justify-content: flex-start;
        /* flex-wrap: wrap; */
    }
  
    
} 

@media (max-width:980px) {

.feature_section{
    flex-wrap: wrap;
}


}

@media (max-width:600px) {
    .built-in  h5{
        max-width: 230px;
    }
    .built-in  h4{
        max-width: 230px;
    }
     .built-in h3 {
        font-size: 34px !important;
    }
    .clients .hexagonImageTextContainer >div p{
        max-width: 420px ;
        font-size: 19px;
      }
    
}
@media (max-width:700px){
    .ott_sections{
        flex-wrap: wrap;
    }
    .ott{
        flex-wrap: wrap;
    }
    .ottSec{
        flex-wrap: wrap;
    }
    body .header-area .main-nav .nav li a.navbar_contact {
        
        color: black !important;
        }
        .platformContentBox{
            margin-top: 20px !important;
        }
        .platformRow1{
            flex-wrap: wrap;
            display: flex;
            justify-content: space-around !important;
        }
        .platformRow1 .platformContent{
            width: 30%;
            padding-top: 30px;
        }
        .platformRow2{
            flex-wrap: wrap;
            margin-top: 25px !important;
        }
        .platformRow2 .platformContent{
            width: 50%;
            padding-top: 30px;
        }
        .platformRow3{
            flex-wrap: wrap;
            margin-top:25px !important ;
            padding-top: 0px !important;
        }
        .platformRow3 .platformContent{
            width: 50%;
            padding-top: 30px;
        }
}
@media (max-width:300px){
    .logo1 img{
      width: 200px;
      height: auto;
    }
    .clients .hexagonImageTextContainer >div p{
        width: 280px;
      }
    /*  */
}
@media (max-width:767px){
    .header-area .main-nav .nav li a{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .background-header.header-area.header-sticky .nav{
        margin-top: 70px !important;
    }
    body .header-area .main-nav .nav li a.navbar_contact {
        
        color: black !important;
        }
        .About{
            flex-wrap: wrap;
        }
        .About_content{
            padding-left: 0px;
         }
         .About_content2{
            padding-right: 0px;
         }
         .ready h1{
            font-size: 35px;
            line-height: 45px;
         }
         
         .About img{
            height: auto;
            width: 100%;
         }
         .About h1{
            padding-top: 28px;
            font-size: 35px;
         }
         .hexagonImageTextContainer .hexagon{
            margin-bottom: 40px;
         }
         .clients .hexagonImageTextContainer{
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            flex-direction: row;
        }
       .clients .hexagonImageTextContainer >div p{
        width: 600px;
       }
}
@media (max-width:900px){
    .About{
        flex-wrap: wrap;
    }
    .About_content{
        padding-left: 0px;
     }
     .About_content2{
        padding-right: 0px;
     }
     .About h1{
        padding-top: 28px;
        
     }
}
.header-area{
    /* border-bottom:1px solid #ccc;  */
    background: #141a2a; padding:10px 0px;}
.header-area img{height:40px; margin-top:10px;}
.header-area .main-nav .logo{line-height: normal;}
.header-area .main-nav .nav{margin-top:10px;}
.header-area .main-nav{min-height: inherit;}

body .sectionVideoAbout {display:flex; flex-direction:row; }
.marginNone{margin-top:0px !important;margin-bottom:0px !important;}
.paddingNone{padding:0px !important}
.sectionVideoAbout > div, .sectionVideoAbout > div{padding-top:100px !important; padding-bottom:100px !important;}
.sectionVideoAbout{overflow:hidden;}
.aboutTextHome{position:relative; float:left;}
/* .aboutTextHome:before {
    transform: skewX(-15deg);
    background: #dc3545;
    content: '';
    width: 150px;
    height: 115%;
    position: absolute;
    right: -66px;
    top: 0px;
} */
.select_clients.marginNone {max-width: 100%;}
.zindex20{position:relative; z-index:50;}
.aboutTextHome .aboutTextCol{max-width:600px; height:100%; justify-content:center; display:flex; flex-direction:column;}
.aboutTextHome .aboutTextCol h1 span {font-style: 300; font-size: 60px;}
.aboutTextHome .aboutTextCol h1{padding:0px; margin:0px; text-align:left; color:#28103c; font-family: 'Roboto', sans-serif;font-weight: 800;font-size: 75px;line-height: 80px;}
.aboutTextHome .aboutTextCol p{color:#28103c; font-family:'Lato', sans-serif; font-size:20px; margin-bottom:14px;line-height: 30px;}
.aboutTextHome .readMore {background:#28103c; color:#fff; font-size:16px;}
.aboutTextHome{display: flex; justify-content: flex-end; padding-left: 50px;} 
.videoBox{display: flex; justify-content: flex-end; padding-left: 50px;} 
/* .bannerBox{padding:50px 0px;} */
footer{background-color: #141a2a; }
footer{font-family: 'Roboto', sans-serif;}
/* .bannerBox{
    background-image: url(../../Images/videoBanner\ 1.jpg) ;
} */

@media (max-width:1470px){
.aboutTextHome:before {
    transform: skewX(-10deg);
    right: -42px;
}


.aboutTextHome .aboutTextCol{
padding-left:50px;}
}
/* @media (max-width:1470px){
.videoBox video{ width:500px !important;
}
} */

@media (max-width:1440px){
    .container {
        max-width: 85%;
    }
    .ottSolutions .ott{
        padding-top: 0px !important;
        padding-bottom: 9px !important;
    }
    .built-in h3{
        font-size: 43px;
    }
}

@media (max-width:1366px){
    .container {
        max-width: 90%;
    }
}

@media (max-width:1280px){
.Live_streame h2, .built-in h3{
   font-size: 22px; 
}
.col-lg-4.built-in ul li{font-size: 20px;}
.ottSolutions .ott{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.clients .hexagonImageTextContainer p{
    padding-top: 20px ;
    width: 767px ;
}
}



.footer p a {color: #28103c;}
footer ul li a {color: #fff !important;}
footer ul li a:hover {color: #aa72ce !important;}
footer .features ul li a:hover {color: #fff !important;}
.footer-center i {color: #fff;}
footer ul li{margin-bottom: 10px;}
footer h5.text-white{color: #aa72ce !important;}
.footer-center div {display: flex;align-items: flex-start;margin-top: 15px;}
.footer-center div i{ margin-right: 10px; margin-top: 5px;}
.footer-center div a {color: #aa72ce}
.footer{margin-top:0px;}
footer .features {max-width:250px;}
.select_clients h1 {color:#141a2a;}

.clientMainBox .select_clients h1 span{color:#fff;}

.ottSolutions{position: relative;}
.ottSolutions .select_clients{position: relative; z-index: 50; max-width: 100%;}
body .ottSolutions .ott h1 {text-align: center; margin-top: 0px; margin-bottom: 30px;font-size: 42px;font-weight: bold;letter-spacing: 0;line-height: 50px;font-family: 'Roboto', sans-serif;}
.ottSolutions .ott p {text-align: center; max-width: 100%;font-family: 'Roboto', sans-serif;} 
/* .ottSolutions .ott .Live_streame p {text-align: left;} */
.hero__canvas{position: absolute; top:0px;left: 0px;}
.hero__canvas:before { content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(29,38,59,0.6) 0%, rgba(29,38,59,0.8));pointer-events: none;z-index: 2;}
.ottSolutions .ott {background: #141a2a; border-radius:10px; padding:20px 20px 60px 20px;}
.ottSolutions .select_clients{padding-top:80px; margin-top: 0px;}
.Ott_solution{margin-top: 20px;} 
.featuresSection h1{text-align: center;margin-bottom: 30px;font-size: 42px;font-weight: bold;letter-spacing: 0;line-height: 50px;font-family: 'Roboto', sans-serif; margin-bottom:70px;}
.select_clients.featuresSection{max-width: 82%;}
.featureBg{background: #212529;}
.col-lg-4.built-in .p-3 {background: #F5F7FB;border-radius: 15px;color: #000;min-height:350px;margin-bottom: 20px; padding-left:32px !important; padding-top:35px !important;}
.col-lg-4.built-in ul li {font-family: 'Roboto', sans-serif; width:100%; margin-top: 15px; display: flex; align-items: top; color:#182539 ; font-size: 20px;}
.col-lg-4.built-in ul li .fa-solid, .fas{margin-top: 5px;
    padding: 2px;
    font-size: 15px;
    text-align: center;}
.col-lg-4.built-in .feature_section{display: block;}
footer .container{max-width: 1280px;}

.hexagon {
    width: 200px;
    height: 110px;
    background-color: #fff;
    position: relative;
    width: 200px;
    height: 110px;
    display: inline-block;
    margin-bottom: 70px;
    text-align: center;
    margin-left:5px;
    margin-right:5px;
    cursor: pointer;
  }
  .padingLeft{padding-left: 50px;}
  
  .hexagon:before,
  .hexagon:after {
    content: "";
    position: absolute;
    left: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
  }
  
  .hexagon:before {
    top: -50px;
    border-bottom: 50px solid #fff;
  }
  
  .hexagon:after {
    bottom: -50px;
    border-top: 50px solid #fff;
  }
  .hexagonImageTextContainer{
    display: flex;
    gap: 55px;
  }
  .hexagonImageTextContainer p{
    color: white;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding-top: 19px;
    max-width: 945px;
    width: 100%;
    line-height: 29.61px;
}
  }
 .footerLogo{
    max-width: 280px;
 }  
 footer p {color: #f1f1f1;}
 .newsLetter{background:#fff; padding: 100px 20px; width: 100%; float: left;position: relative;}
 .newsLetter:before {
    content: '';
    background: url(../../assets/images/newsletterBg.jpg) center center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: .04;
}
.newsLetter input{border-color: #141a2a;}
.clientMainBox{position: relative;}
.clientMainBox::after{
    content: '';
    /* background: url(../../images/VXIOMATIC.png) center center no-repeat; */
    background-size: 90% auto;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: .04;

}
footer .container .row{padding-top:50px;}
 .featuresSection h1 {color: #141a2a;}
.newsLetter h2 {font-family: 'Roboto', sans-serif; text-align: center;text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;}
    .newsLetter .container{max-width: 555px;}
    .newsLetter  button{float: right;height: 57px;width: 76px; background:#141a2a;}
    .newsLetter  input{height: 57px;}

    .aboutUsPage.select_clients h1{margin-bottom:30px;}

    @media (max-width:1024px){
        body .sectionVideoAbout{display:flex;  flex-direction: column;}
        .col-lg-5.aboutTextHome{width:100%;}
        .col-lg-7.videoBox{width:100%;}
        .aboutTextHome:before{display:none;}
        .aboutTextHome .aboutTextCol {padding: 20px;}
        .sectionVideoAbout .col-lg-5, .sectionVideoAbout .col-lg-7 {padding-top:50px !important;padding-bottom:50px !important;}
        .videoBox{padding-left:20px; padding-right:20px;}
        .videoBox video{width:100% !important;}
        .main-banner h2{margin-top: 140px;}
        .feature{gap:10px;}
        .built-in h3{font-size: 32px;}
        

        }
        
        @media (max-width:1024px){
            .ott h1{font-size: 36px; line-height: 40px;}
            .aboutTextHome .aboutTextCol h1{font-size: 54px; line-height: 60px;}
            .aboutTextHome{padding-left: 0px;}
            .sectionVideoAbout > div, .sectionVideoAbout > div{padding:20px !important;}
            .select_clients h1{font-size: 31px; line-height: 41px; margin-top: 30px;}
            
            body .ottSolutions .ott h1{font-size: 34px;}
            .ott p{font-size: 15px;}
            .Ott_solution.col-lg-12 .ott_sections {width: 50%;}
            
            div#canvas, div canvas {
                height: 1600px !important;
            }
            .feature .col-lg-4.built-in {
                width: 50%;
            }
        }

        @media (max-width:768px){
            .videoLeftSection{display: flex;flex-direction: column;}
            .bannerBox .videoLeftSection div{width: 100%;}
            .bannerBox .videoLeftSection .videoBox{order: -1; padding:0px;}
            .main-banner h2{margin-top: 120px; font-size: 39px;}
            .ottSolutions .ott p br {display: none;}
            .select_clients.featuresSection{max-width: 100%;}
            .col-lg-4.aboutCompany.col-md-6 {width: 100%;padding: 0px 50px;}
            .aboutCompany,.otheLinks,.address{width: 33.33%;}
            .newsLetter h2{font-size: 35px;}
           .monetizationContainer{justify-content: space-around !important;}
           .monetizationContent{width: 30%;padding-top: 30px;}
           .hexagonImageTextContainer{flex-wrap: wrap;}
        }
      

        @media (max-width:767px){
            .header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after{background-color:#fff;}
            .bannerBox{padding-top:20px;}
            .main-banner h2 {font-size: 24px;line-height:28px;}
            body .ottSolutions .ott h1{line-height: 40px; margin-right: 0px; font-size: 30px;}
            .Ott_solution.col-lg-12 .ott_sections{widh: 100%; text-align: center;}
            .ottSolutions .ott .Live_streame p{text-align: center;}
            .select_clients h1{font-size: 34px;}
            .feature .col-lg-4.built-in{width: 80%;}
            .main-banner h6{padding-right:0px; margin-top: 12px; padding-right:0px; font-size: 17px; line-height: 20px;}
            .ottSolutions .select_clients{padding-top:50px;}
            body .ottSolutions .ott h1{padding-top:20px; font-size: 24px; line-height: 35px;}
            .select_clients h1{font-size:30px;}
            .feature .col-lg-4.built-in{width: 100%;}
            .col-lg-4.built-in .p-3{min-height: inherit; padding-bottom: 30px !important;}
            .select_clients h1{font-size: 24px; margin-bottom: 30px; line-height: 30px; padding-top:30px;}
            .select_clients h1 span{font-size:23px;}
            .clients div {justify-content: center;display: flex;flex-direction: column;}
            .hexagon{width: 106px; height: 63px;}
            .hexagon:before {top: -25px;border-bottom: 25px solid #fff;}
            .hexagon:before, .hexagon:after {border-left: 53px solid transparent;border-right:53px solid transparent;}
            .clients img{width: 69px;}
            .hexagon:after {bottom: -25px;border-top: 25px solid #fff;}
            div#canvas, div canvas {height: 1408px !important;}    
            .select_clients.featuresSection{margin-top: 30px;}
            .clientMainBox h1 {margin-bottom:50px;}
            .newsLetter{padding:30px 20px;}
            .newsLetter:before{display: none;}
            .newsLetter h2{font-size:23px;}
            .newsLetter h2{margin-bottom: 5px;}
            .newsLetter button,.newsLetter input{height: 50px;}
            .aboutCompany, .otheLinks, .address{width:100%;}
            footer .aboutCompany,footer .features, footer .otheLinks,footer .address{padding-left: 0px;}
            footer{padding-left: 40px;}
            .col-lg-4.aboutCompany.col-md-6{padding-left:0px;}
            section.clientMainBox .select_clients {padding-bottom: 10px;}
            .background-header .main-nav .menu-trigger.active span:after,.background-header .main-nav .menu-trigger.active span:before{background-color:#fff;}
            .background-header .main-nav .nav li a {color: #141a2a!important;}
            .header-area img{height: inherit; max-width:200px; margin-top: 22px;}
            .background-header .logo1 img { margin-top: 10px;}
            .header-area .main-nav .menu-trigger.active span:after.header-area .main-nav .menu-trigger.active span:before{background-color: #fff;}
            .monetizationContainer{justify-content: space-around !important;}
            .monetizationContent{width: 27%; padding-top: 30px;}
        }
        /* platform */
        .platformBody{
            background-color: #141A2A;
            margin-top: -14px;
            font-family: 'Roboto';
        }
        
        .platform h1{
            text-align: center;
            color: #fff;
            padding-top: 40px;
            font-size: 42;
            /* line-height: 49; */
            font-weight: 700;
        }
        .platform h4{
            color: #fff;
            padding-top: 50px;
            font-size: 32px;
           
            font-weight: 600;
            text-align: center;
        }
        .platformRow1{
            display: flex;
            justify-content: space-between;
            color: #fff;
        }
        .platformRow2{
            display: flex;
            justify-content: space-around;
            color: #fff;
            margin-top: 63px;
        }
        .platformRow3{
            display: flex;
            justify-content: space-around;
            color: #fff;
            /* margin-top: 63px; */
            max-width: 800px;
            margin:0px auto;
            padding-top: 63px;
        }
        .platformRow{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            color: #fff;
        }
        .platformRow .platformContent1{
            width: 20%;
           
            text-align: center;
            padding-top: 64px;
        }
        .platformRow .platformContent2{
            width: 25%;
           
            text-align: center;
            padding-top: 64px;
        }
        .platformRow .platformContent3{
            width:30%;
           padding-top: 64px;
            text-align: center;
        }
        .platformAlign1{
            text-align: right !important;
            padding-right: 30px;
        }
        .platformAlign2{
            text-align: left !important;
            padding-left: 10px;
        }
        .platformAlign3{
           text-align: right !important;
        }
        .platformAlign4{
            padding-right: 188px;
        }
        
        .platformContentBox img{
            width: 65px;
            height: 65px;
        }
        .platformContent{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .platformContentBox{
            max-width: 1085px;
            margin: 0px auto;
            /* margin-top: 73px; */
           padding-bottom: 82px;
        }
        .platformContentBox h6{
            color: #fff;
            padding-top: 25px;
            font-size: 16px;
            font-weight: 500;
        }
        /* monetization */
        .monetization{
            background-color: #141A2A;
            font-family: 'Roboto';
            color: #FFFFFF;

        }
        .monetization h2{
          font-size: 32px;
          font-weight: 700;
          font-family: 'Roboto';
          padding-top: 79px;
          color: #fff;
          text-align: center;
        }
        .monetizationContainer{
            display: flex;
            justify-content: space-between;
            margin-top: 63px;
            padding-bottom: 145px;
            flex-wrap: wrap;
        }
        .monetizationContent{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            /* flex-wrap: wrap;
            width: 20%; */
        }
        .monetizationContent img{
            width: auto;
            height: 96.18px;
            padding-bottom: 19px;
        }
        .monetizationContent h6{
            font-size: 20px;
            font-weight: 500;
        }
        .coupons{
            width: 169px;
        }
        /* Supported platform */
        .supportedPlatform{
            color: #000;
        }
        .supportedPlatform h2{
            font-size: 32px;
            font-weight: 700;
            font-family: 'Roboto';
            padding-top: 87px;
            padding-bottom: 64px;
            text-align: center;
        }
        .supportedPlatformContent{
            max-width: 1083px;
            margin: 0px auto;
            display: flex;
            justify-content: space-between;
            margin-bottom: 138px
        }
        .supportedPlatformContent img{
            height: auto;
            width: 117px !important;
            /* padding-bottom: 138px; */
        }
        .supportedPlatformContent .item1 img{
          width: 97px !important;
        }
        .supportedPlatformContent .item4 img{
            width: 104px !important;
          }
          .supportedPlatformContent .item6 img {
            height: 107px ;
          }
          .owl-carousel-1 .owl-item > div {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 123px;
        }
        
        .owl-item .item5 img {
            height: 40px;
            width: auto !important;
        }

       /* owl Carousel */
   .owl-dots{
    gap: 10px;
   }
   .owl-theme .owl-dots .owl-dot span{
    width: 23px !important;
    height: 3px !important;
    margin: 5px 7px;
    gap: 10px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
   }
  video{
    width: 100%;
  } 
  @media (max-width:700px) {
    .videoContentContainer {
        display: none;
    }
    .videoContentContainer2{
        display: block;
    }
    .main-banner{
        margin-top: 90px;
        /* scroll-margin-top: 80px !important; */
    }
    video{
     /* scroll-margin-top: 80px; */
    }
    .main-banner p{
        margin-bottom: 30px !important;
    }
    .ottSolutions{
        margin-top: 9px;
    }
  }     
  .videoContentContainer2{
    background-color: #141A2A;
    margin-top: -27px;
  }	
  .videoTextContainer{
    max-width: 80%;
    margin: 0px auto;
  }
  @media (min-width:710px) {
    .videoContentContainer2{
        display: none;
    }
  }
/* new container */
#toggleMuteButton{
    /* border-radius: 50%;
    border: 1px solid white; */
    background: transparent;
        height: 68px;
       position: absolute;
       /* top: 95%; */
       bottom: 80px; /* Adjust the distance from the bottom as needed */
        right: 95px; 
        border: none;
       
}

  /* Footer */
  .footerBox{
    max-width: 1252px;
    margin: 0px auto;
    color: black;
    margin-top: 86px;
    background-color: #F0F8FE;
    padding-bottom: 109px;
}
.footerBox ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*width: 30%;*/
}
.footerBox ul li{
    display: flex;
    width: 30%;
}
.footerLocationIcon img{
    padding-right: 8px;
}
.footerLocation{
    max-width: 207px;
}
.footerLocationTitle {
    color: #AA72CE;
    font-size: 20px;
    font-weight: 500;
}
.footerSocalMediaTitle{
    color: #AA72CE;
    font-size: 20px;
    font-weight: 500;
}
.footerSocalMediaIcon{
    display:  flex;
    /* gap: 10px; */
}
.footerEmail ,.footerPhone{
    color: #AA72CE;
    font-size:17px;
    font-weight:400;
}
.subFooterBox{
    background-color: #F1F1F1;
}
.subFooterBox p{
    text-align: center;
    color: #414141;
    font-size: 16px;
    padding:15px 0;
}
.footerFormBox{
    display: flex;
    justify-content: space-between;
}
.footerInputBox{
    display: flex;
    margin-top: 40px;
}
.footerLetsConnect{
    margin-top: 40px;
}
.addressCol > div p:nth-child(3){position: relative;}
 
 .addressCol > div p:nth-child(3):before {
    content: '';
    position: absolute;
    background: url(../images/5101b810-c42e-40b7-8e6d-fa45bcd549b9\ \(1\).png) left center no-repeat;
    width: 37px;
    height: 30px;
    background-size: 100% auto;
    left: -44px;
    top: 15px;
}
.footerEmailTitle {font-weight: 500;}
.footerPhoneTitle{font-weight: 500 !important; }

.footerBox{background-color:#fff; padding-bottom: 0px; margin-top:0px; max-width: 100%;}
.footerFormBox{max-width: 1252px;margin: 0px auto;color: black;margin-top:36px; margin-bottom: 20px; display: flex;justify-content: space-around;}
.phonCol .footerLocationIcon img{height:25px; width: auto; margin-top:7px; margin-right:5px;}
.emailCol .footerLocationIcon img {height: 21px;width: auto; margin-top:5px; margin-right:5px;}
.footerInputBox{margin-top:10px; margin-bottom:10px;}
.socialMediaLink{margin-top: 10px;}
.footerInputBox.addressCol img {height: 38px;width: auto; margin-top: 3px;}
p.footerLocation {color: #414141; font-weight: 500;}

.emailPhoneInfo, .addressCol{ background: url(/Images/footerDivider.38f4e60e.png) 100% center no-repeat;}
.footerFormBox > div{width: 33.33%; margin-bottom: 30px; padding-left: 80px;}
.footerSocalMediaIcon{margin-top: 10px;}
.footerSocalMediaIcon a {margin-right: 10px; opacity: .2;}
.footerSocalMediaIcon a:hover{opacity: 1;}

.footerBox{background-color:#fff; padding-bottom: 0px; margin-top:0px; max-width: 100%;}
.footerFormBox{max-width: 1252px;margin: 0px auto;color: black;margin-top:36px; margin-bottom: 20px; display: flex;justify-content: space-around;}
.phonCol .footerLocationIcon img{height:25px; width: auto; margin-top:7px; margin-right:5px;}
.emailCol .footerLocationIcon img {height: 21px;width: auto; margin-top:5px; margin-right:5px;}
.footerInputBox{margin-top:10px; margin-bottom:10px;}
.socialMediaLink{margin-top: 10px;}
.footerInputBox.addressCol img {height: 38px;width: auto; margin-top: 3px;}
p.footerLocation {color: #414141;}

.emailPhoneInfo, .addressCol{ background: url(../images/footerDivider.38f4e60e.png) 100% center no-repeat;}
.footerFormBox > div{width: 33.33%; margin-bottom: 30px; padding-left: 80px;}
.footerSocalMediaIcon{margin-top: 10px;}
.footerSocalMediaIcon a {margin-right: 10px; opacity: .2;}
.footerSocalMediaIcon a:hover{opacity: 1;}
.secondRowFC1, .secondRowFC2 ,.firstRowFC1, .firstRowFC2{width: 50%; padding: 0px 20px; margin-bottom: 20px;}
.thirdRow{width: 100%; padding: 0px 20px; margin-bottom: 20px;}
.secondRowFC1{position: relative;}
.selectInputCol {position: relative;padding-left:0px;}
select#country {position: absolute;width: 60px;left: 0px;top: 5px;}
.buttonRow{text-align: center;}
.companyInfoBoxMain{padding-bottom: 0px;}


body .iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags {width: 100%;}
body .iti__selected-dial-code{color:#fff;}
body .iti--separate-dial-code .iti__selected-flag{background-color: transparent;}

#contactUsButton {width: 150px;height: 52px;background: #fff;color: #4595E4;margin-top: 20px;text-align: center;cursor: pointer;}

.footerSocalMediaIcon a:nth-child(1){ background: url(../images/face-----------.svg) center center no-repeat; width: 30px; height: 30px;}
.footerSocalMediaIcon a:nth-child(1):hover{ background: url(../images/faceHover.850c9f71.svg) center center no-repeat; width: 30px; height: 30px;}
/* .footerSocalMediaIcon a img{display: none;} */
.footerSocalMediaIcon a:nth-child(2){ background: url(../images/linkedIn.fad19184.svg) center center no-repeat; width: 30px; height: 30px;}
.footerSocalMediaIcon a:nth-child(2):hover{ background: url(../images/linkedInHover.f6b98215.svg) center center no-repeat; width: 30px; height: 30px;}
.phonCol .footerLocationIcon img{height:25px; width: auto; margin-top:7px; margin-right:5px;}
.emailCol .footerLocationIcon img {height: 21px;width: auto; margin-top:5px; margin-right:5px;}

body .header-area .main-nav .nav li:nth-child(3):hover a.navbar_contact{color:#000 !important;}

@media (max-width:768px) {
    .footerFormBox > div{padding-left:0px;}
 .footerBox{max-width: 96%;}

 .emailCol .footerLocationIcon img{height:15px;}
 .phonCol .footerLocationIcon img{height: 18px;}
 .footerInputBox.addressCol img{height: 28px;}
 .addressCol > div p:nth-child(3):before{width: 28px;}
 .addressCol > div p:nth-child(3):before{left: -36px;}
 .emailPhoneInfo{background-position: 94% center;}
 .footerFormBox > div:nth-child(3){padding-left: 40px;}
 .aboutUsGrad{margin-top: -100px;}
 .addressCol > div p:nth-child(3):before{width: 28px;}
 .addressCol > div p:nth-child(3):before{left: -36px;}
    
}

@media only screen and (min-width: 200px) and (max-width: 760px)  {
    .footerFormBox{flex-direction: column;}
    .footerFormBox > div{width: 100%;}
    .aboutUsContentBox{max-width: 92%;}

    .footerInputBox{flex-direction: column; text-align: center;}
    .footerInputBox p{text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 100%;}
    .socialMediaLink{text-align: center;}
    .footerSocalMediaIcon{display: flex; justify-content: center; align-items: center; gap:10px}
    .footerFormBox > div:nth-child(3){padding-left: 0px;}
    .footerBox{max-width:100%;}
    .footerFormBox {max-width: 96%;margin: 20px auto 0px auto;}
    .footerFormBox {max-width: 300px;margin: 20px auto 0px auto;}
    .footerInputBox p{font-size: 15px;}
    .addressCol > div p:nth-child(3):before{left:0px;}
    .addressCol > div p:nth-child(3){padding-top: 45px;}
    .addressCol > div p:nth-child(3):before{width: 100%; background-size: 28px; background-position: center;}
    .addressCol > div p:nth-child(3){padding-top: 45px !important;}
    .addressCol > div p:nth-child(3):before{top:21px;}
    .emailPhoneInfo, .addressCol{position: relative; background: none; padding-bottom: 20px;}
    .emailPhoneInfo:before, .addressCol:before {position: absolute;height:1px;width:100%;content: "";background: linear-gradient(90deg,#fff,#ccc 50%,#fff);bottom:-6px;left:0px;}
    .addressCol > div p:nth-child(3):before{left:0px;}
    .addressCol > div p:nth-child(3){padding-top: 45px;}
    .addressCol > div p:nth-child(3):before{width: 100%; background-size: 28px; background-position: center;}
    

}
  

.hexagonImageTextContainer{margin-top:50px;}
.hexagon{align-items: center; justify-content: center; display: flex;}
.owl-carousel.owl-carousel-2 {margin-bottom: 30px;}


.owl-carousel-2.owl-theme .owl-dots .owl-dot span{background-color: #6d6d6d;}
.owl-carousel-2.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-2.owl-theme .owl-dots .owl-dot:hover span{background-color: #fff;}

.supportedPlatformContent img.mithilaLogo{width: 144px !important;}

@media (max-width:767px) {
.clients .hexagonImageTextContainer >div p{width:100%;}
.clients div{ display: block;}
.hexagonImageTextContainer > div a {text-align: center; justify-content: center; display: flex;}
.clients img{max-width: 70px;}
.clients img.mithilaLogo{max-width:85px;}
}


.verticalsMain{background:#141a2a; width: 100%; padding-top:30px; padding-bottom:80px;}

.verticalsMain .titleCol{text-align:center; padding:35px 0px 45px 0px; font-weight: bold; font-size:32px; color:#fff;}
.verticalsContent{width: 100%; max-width: 1280px; margin:0px auto; display: flex; padding:0px 15px;}
.verticalContentLeft{width:25%; position: relative;}
.verticalContentLeft ul{width: 125%; margin-top:50px;}
.verticalContentLeft ul li {border-radius:5px; display: flex; align-items: center; padding-left: 1.5rem;padding-right: 1.5rem;min-height: 120px;color: #000;background: #fff;transition: none;border: 0; margin-bottom:3rem;box-shadow: 1px .2rem .8rem rgba(0,0,0,.10)!important; cursor: pointer;}
.verticalContentLeft ul li:before{font-size: 2.5rem;font-weight: 700;margin-right: 1rem;background: -webkit-linear-gradient(#000, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.verticalContentLeft ul li.active:before{content:'01';font-size: 2.5rem;font-weight: 700;margin-right: 1rem;background: -webkit-linear-gradient(#fff, #AA72CE);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.verticalContentLeft ul li:nth-child(1):before{content:'01';}
.verticalContentLeft ul li:nth-child(2):before{content:'02';}
.verticalContentLeft ul li:nth-child(3):before{content:'03';}
.verticalContentLeft ul li span.label{font-size:20px; font-weight: 600;}
.verticalContentLeft ul li:last-child{margin-bottom:0px;}
.verticalContentLeft ul li.active{ background: linear-gradient(0deg, #7d42a2 0%, #5c3078 100%);}
.verticalContentLeft ul li:hover span.label, .verticalContentLeft ul li.active span.label{color:#fff;}

.verticalContentLeft ul li:hover{background: #7d42a2;}
.verticalContentLeft ul li:hover:before{font-size: 2.5rem;font-weight: 700;margin-right: 1rem;background: -webkit-linear-gradient(#fff, #AA72CE);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.verticalContentright{width:75%; background:rgb(242, 242, 242); padding:20px;border-radius:5px;padding-left:10%; min-height:425px; padding-right: 25px;}
.verticalContentCol{display: none;}
.verticalContentCol.active{display: block;}
.verticalContentCol{width: 100%; text-align: left;}
.verticalContentCol .contentTitle{font-weight: bold; font-size: 32px; margin-bottom: 15px;}
.verticalContentCol .description{font-size:16px; line-height:28px; margin-bottom:40px; padding-left:40px;}

.leadershipCol{background:#f1f1f1; padding:50px 0px;}
.leaderShipBox {
    text-align: center;
    margin-top:60px;
    color: #000
}

.leaderShipBox h2 {
    font-size: 36px;
    font-weight: 400;
    color: #414141;
    line-height: 46.87px
}

.leaderShipBox h2 span {
    font-weight: 700
}

.leaderShipBox p {
    padding-top: 13px;
    max-width: 960px;
    margin: 0 auto;
    font-size: 20px
}

.leaderShipTeam {
    display: flex;
    max-width: 920px;
    text-align: center;
    justify-content: space-between;
    margin: 80px auto 0;
    color: #283742
}

.leaderShipTeam h2 {
    color: #AA72CE;
    font-size: 21px;
    margin-top: 15px;
    line-height: 25px;
    font-weight: 500
}

.finessIcon{height:30px; width: auto;}
.bannerImg {display: flex; flex-direction: row; margin-left: -20px;}
.bannerImg img{width:50%;}
.yogabannerImg img{max-height:170px; width: auto; margin-top:-20px; }
.marginRight10{margin-right:5px;}
@media (max-width:768px) {
    .verticalsContent{flex-direction:column;}
    .verticalContentLeft ul, .verticalContentright, .verticalContentLeft{width: 100%;}
    ul#tabList {flex-direction: row;display: flex;}
    .verticalContentLeft ul li{margin-bottom:0px; border-radius: 5px 5px 0px 0px; box-shadow:0px 0rem 0rem rgba(0,0,0,.10)!important;}
    .verticalContentLeft ul li::before{display: none;}
    .verticalContentright{border-radius: 0px 0px 5px 5px;}
    .verticalContentLeft ul{margin-top: 0px;}
}
@media (max-width:600px) {
.verticalContentLeft ul li{width: 50%; min-height:inherit; padding: 10px;}
.verticalContentLeft ul li span.label{font-size: 14px; text-align: center;}
.verticalContentCol .description {font-size: 14px;line-height: 26px;}
.verticalContentright{padding-left:15px; padding-right: 15px;}

.leaderShipTeam>div {padding: 0 60px;}
.leaderShipTeam h2 {font-size: 16px}
.leaderShipTeam {margin-top: 40px;max-width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.leaderShipTeam>div {margin-bottom: 25px;}
.leaderShipTeam>div img{height: auto;}
.bannerImg {flex-direction: column; margin-left: -10px;}
.bannerImg img{width: 100%; margin-bottom: 10px;}
}