h1,h2,h3,h4,h5,h6{
    /* font-family: "Oswald", sans-serif; */
    font-family: "Oswald", sans-serif;
}

p,a,li,span{
    font-family: "Mukta", sans-serif;
}

 video {
    width: 100%;
/*height: 610px; */
}
.header_slider video {
    width: 100%;
    /* height: 610px; */
    /* height: 758px; */
}


.section_gap{
    padding:80px 0px;
}


.vertical_align{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.left-side .ontv-logo img {
    width: 30%;
}

.live_stream_vid {
    padding: 15px;
    border-radius: 10px;
    background: #000000;
}


/*
.live_stream_vid video {
    border-radius: 20px;
}*/


.live_stream_location button {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #00000000;
   height:110px;
    width:110px;
    border-radius:50%;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
/*    border: unset;*/
}

.live_stream_location {
    padding: 20px 15px;
    text-align: center;
    background: #00000045;
    border-radius: 100px;
/*    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    /* box-shadow: inset 0px 0px 0px 0px #ddd; */
}



.side-nav.other .side-bottom .hamburger {
    background-color: unset;
}

.whatsapp-se {
    left: 10px;
    bottom: 40px;
    width: 100px;
    z-index: 999;
    position: fixed;
}

.hamburger__line--cross01, .hamburger__line--cross02 {
    top: 22px !important;
}

.side-bottom .hamburger__line {
    width: 22px;
    height: 5px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

.side-bottom .hamburger {
    width: 45px;
    height: 45px;
    border-radius: 50%;
/*    background-color: #141c86de;*/
}   


.side-nav .hamburger__line {
    left: 12px;
    top: 30px;
}

.side-nav .hamburger__line--01 {
    top: 15px;
    position: absolute;
    /* top: 20px; */
}

/* .side-bottom {
    margin-bottom: 100px;
} */

.side-nav.home .side-bottom {
    margin-bottom: 0px;
    margin-left: 20px;
}

.side-nav .hamburger__line--02 {
    top: 21px;
}


.side-nav .hamburger__line--03 {
    top: 27px;
}


.side-nav .hamburger__line--cross01, .hamburger__line--cross02 {
    top: 20px;
}

.side-bottom .equalizer {
    width: 60px;
    height: 60px;
    border-radius:50%;
    cursor: pointer;
    position: relative;
    background-color: #161619;
    margin-top: 20px;
}

.side-nav.home .side-bottom .equalizer {
    width: 60px;
    height: 60px;
    border-radius:50%;
    cursor: pointer;
    position: relative;
    background-color: #161619;
    margin-top: 20px;
}


.side-nav .equalizer span {
    position: absolute;
    bottom: 18px;
    left: 18px; 
}

.side-nav.home .equalizer span {
    position: absolute;
    bottom: 18px;
    left: 18px; 
}


.side-nav.other .left-side {
/*    height: 78vh;*/
}

/* .side-nav.other .side-nav.active .left-side  {
    height: 100vh;
} */

/* .footer-content {




    padding: 25px;
    display: flex;
    justify-content: center;
} */

/* .address {
    display: flex;
    flex-direction: column;
    padding: 10px;
    height: 200px;
} */

/* .address-icon {
    font-size: 40px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
    text-align: center;
} */


/* .address-text h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 1.8;
}

.address-text p{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 1.7;
} */


/* .about-us {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #bcbcbc;
    width: 100%;
} */

/* .about-us-content h4{
    font-size: 25px;
    font-weight: 600;
    text-align: left;
    padding-left: 30px;
    color: #ffffff;
    line-height: 1.8rem;
    
}

.about-us-content p {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px 15px 30px;
    color: #ffffff;
    text-align: justify;
    line-height: 1.8rem;
    
}

.about-us-img{
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-us .about-title{
    margin-bottom: 80px;
    line-height: 1.8;
    font-size: 4vw;
    letter-spacing: 2px;
    
    text-align: center;
    color: #ffffff
} */


.intro .section-title {
    font-size: 35px;
    padding-top: 10px;
    color: #141c86de;
}

.intro h5{
    font-size: 20px;
    font-weight: 600;
}

.why-choose-us{
    padding-top: 50px;
    padding-bottom: 50px;
}

.why-choose-us .section-title{
    
    line-height: 1.8;
}

.why-choose-us .content-block h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
}

.why-choose-us .content-block p{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
    
}

.why-choose-us .choose-new{
    padding-top: 90px;
}

.digital-experience{
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    background-color: #f5f5f5;
}

.digital-experience .digital-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.8;
    text-align: center;
    
    color: #000000;
}

.digital-experience .digital-subtitle{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    
    color: #000000;
}

.digital-experience .digital-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
}

.digital-experience .digital-content p {
    background-color: #dddddd;
    border-radius: 20px;
    height: 400px;
    width: 500px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    text-align: justify;
    padding: 40px;
}


.digital-experience .digital-img{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 20px;
}



/* .footer-content .footer-text .footer-list ul{
    float: unset;
    display: inherit;
    margin-left: unset;
}

.footer-content .footer-text .footer-list ul li {
    list-style-type: none;
    padding: 8px 10px 8px 5px;
    
    font-size: 18px;
}

.new-footer ul li{
    display: inherit !important;
    margin-left: 0px !important;
} */


/* .new-footer .footer-text h6 {
    border-bottom: 2px solid #ee4423;
    width: 80%;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 7px 0px;
    
}


.address-text .phone {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    margin-left: unset;
    padding: 30px 10px 0px 20px;
}

.address-text .mail{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px 10px 10px 20px;
    margin-left: unset;
} */


/* .side-nav .left-side .equalizer span{
    background: #000000;
}

.side-nav .left-side .follow-us {
    
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.side-nav .left-side .hamburger__line-in::after, .hamburger__line-in::before {
    background-color: #000000;
} */


/* .footer-about {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    height: 550px;
    width: 380px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */

/* .new-footer{
    padding-top: 70px;
} */

/* .footer-about .footer-logo{
    display: flex;
    justify-content: center;
    align-items: center;
} */

/* .footer-about .footer-contact {
    padding-left: 30px;
    padding-top: 30px;
}

.footer-about .footer-contact .details{
    color: #222327;
    font-size: 20px;
    border-bottom: 2px solid #75dab4;
    padding-bottom: 5px;
    width: 50%;
} */

/* .footer-about .footer-contact .fa-solid.fa-phone{
    color: #000000;
    font-size: 25px;
} */


/* .footer-about .footer-contact .phone{
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}

.footer-about .footer-contact .mail{
    color: #000000;
    font-size: 20px;
    font-weight: 500;
} */

/* .footer-address {
    border-bottom: 2px solid #f9a32f; 
    padding-bottom: 40px;
} */

/* 
.footer-address .contact {
    height: 70px;
    border-radius: 10px;
    padding: 15px;
    background-color: unset;
}

.footer-address .contact .contact-icon{
    font-size: 25px;
    color: white;
}


.footer-address .contact .contact-details h4 {
    color: hsl(220deg 20% 97.06%);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 1.8;
} */

/* .footer-address .contact .contact-details p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 1.7;
}

.footer-about .footer-data {
    color: #000000;
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    padding: 0px 10px 10px 10px;
    
    line-height: 1.8;
} */


/* .footer-text .footer-contact .phone i{
    font-size: 18px;
     margin-right: 8px 
}

.footer-text .footer-contact .phone {
    font-size: 16px;
}

.footer-text .footer-contact .mail i{
    font-size: 18px;
    margin-right: 8px;
} */

/* .footer-text .footer-contact .mail{
    font-size: 16px;
}

.new-footer .footer-bottom .footer-bar {
    margin-top: 10px;
    padding: 15px 0;
    font-size: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: unset;
}

.new-footer .footer-bottom .footer-bar .creation{
    margin-left: 10px;
} */

/* .footer-about-new {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    height: 550px;
    width: 380px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */


/* .footer-content-new {
    padding: 50px 15px 15px 15px;
    display: flex;
    justify-content: center;
}

.footer-address-new {
    border-bottom: 2px solid #f9a32f;
    padding-bottom: 40px;
} */

/* 
.footer-address-new .contact {
    height: 70px;
    border-radius: 10px;
    padding: 15px;
    background-color: unset;
} */



/* .footer-address-new .contact .contact-icon{
    font-size: 25px;
    color: white;
}


.footer-address-new .contact .contact-details h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 1.8;
}

.footer-address-new .contact .contact-details p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 1.7;
} */


/* .footer-content-one{
    padding: 30px;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #f9a32f; 
} */


/* .footer-address-one .contact {
    height: 70px;
    border-radius: 10px;
    padding: 15px;
    background-color: unset;
}

.footer-address-one .contact .contact-icon{
    font-size: 25px;
    color: white;
}


.footer-address-one .contact .contact-details h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 1.8;
}

.footer-address-one .contact .contact-details p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 1.7;
}


.footer-content-one .footer-text .footer-list ul{
    float: unset;
    display: inherit;
    margin-left: unset;
}

.footer-content-one .footer-text .footer-list ul li {
    list-style-type: none;
    padding: 8px 10px 8px 5px;
    
    font-size: 18px;
}

.new-footer .footer-data h6 {
    border-bottom: 2px solid #ee4423;
    width: 80%;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 7px 0px;
    
} */



  
/* 
  .footer-about-one {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    height: 500px;
    width: 380px;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
} */

/* .footer-about-one .footer-data {
    color: #000000;
    text-align: justify;
    font-size: 15px;
    font-weight: 500;
    padding: 0px 10px 10px 10px;
    
    line-height: 1.8;
} */


/* .footer-address-one .address-icon {
    font-size: 40px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
    text-align: left;
} */

/* .footer-left-side{
    position: relative;
} */



/* 
.row.footer-address {
    padding-top: 250px;
} */


/* footer css start */

/* .footer-top .footer-link .footer-list ul{
    float: unset;
    display: inherit;
    margin-left: unset;
}

.footer-top .footer-link .footer-list ul li {
    list-style-type: none;
    padding: 8px 10px 8px 5px;
    
    font-size: 18px;
    
} */

/* 
.footer-img {
    width: 70%;
    position: absolute;
    top: -100px;
    right: 10px;
}

.footer-bottom{
    padding-top: 150px;
}

.footer-address{
    height: 170px;
} */
/* 
.footer-content .footer-address h4 {
    font-size: 18px;
    color: hsl(220deg 20% 97.06%);
    font-weight: 500;
    
    line-height: 1.5rem;
    text-align: justify;
} */

/* .footer-content .footer-address p{
    font-size: 14px;
    color: hsl(222deg 5.62% 65.1%);
    font-weight: 400;
    
    line-height: 1.5rem;
    text-align: justify;
} */


/* .footer-content .footer-contact h4 {
    font-size: 18px;
    color: hsl(220deg 20% 97.06%);
    font-weight: 500;
    
    line-height: 1.5rem;
    text-align: justify;
} */

/* .footer-content .footer-contact p{
    font-size: 14px;
    color: hsl(222deg 5.62% 65.1%);
    font-weight: 400;
    
    line-height: 1.5rem;
    text-align: justify;
} */

/* .footer-content {
    padding: 20px;
}


.footer-link{
    padding: 20px;
} */


/* .footer-top .footer-link h6 {
    font-size: 20px;
    border-bottom: 2px solid #ee4423;
    color: hsl(220deg 20% 97.06%);
    font-weight: 500;
    
    line-height: 1.5rem;
    text-align: justify;
    padding: 0px 0px 8px 0px;
} */

/* .footer-content .footer-data h6 {
    border-bottom: 2px solid #ee4423;
    width: 60%;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 6px 0px;
    
} */

/* .footer-data {
    padding: 0px 0px 0px 30px;
} */

/* .footer-top .footer-options {
    padding-left: 30px;
    padding-top: 30px;
} */


/* .new-footer .footer-copyright .footer-bar {
    margin-top: 10px;
    padding: 15px 0;
    font-size: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: unset;
} */
/* 
.new-footer .footer-copyright .footer-bar .creation{
    margin-left: 10px;
} */





/* footer new css start */


/* .footer-top::after {
    content: "";
    width: 100%;
    z-index:revert-layer;
    bottom: 0px;
    left: -2px;
    height: 100%;
    background-color: rgb(77, 77, 93);
    position: absolute;
} */

.footer-top {
    background-color: rgb(77, 77, 93);
    padding: 30px;
    /* min-height: 80px; */
    width: 100%;
    height: 270px;
    /* position: relative; */
}

/* .footer-top .footer-logo{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.footer-top{
background-image: url("../images/logo/");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 30px;
min-height: 400px;
position: relative;
} */


.row.live-stream {
    width: 100%;
    height: 200px;
    background-color: #a3dbdb;
}


.screens{
    background-image: url("../images/empty-mumbai-locals-WSJ.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    min-height: 300px;
    position: relative;
    } */

    .side-info {
        padding: 15px 17px;
        border-radius: 30px 0px 30px 0px;
    }


    section.screens .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #dddddde0;
        padding: 40px 10px;
        border-radius: 10px;
    
    }


.footer{
    background: url(../images/footer-bg.png) top center no-repeat;
    background-size: 80% auto;
}

.footer-content{
    padding-top: 20px;
}


.footer-about .footer-logo{
    width: 245px;
}


/* 
.footer-about .footer-contact .fa-solid.fa-phone{
    color: #fff;
    font-size: 25px;
}  */


.footer-about .footer-contact .phone{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-left: 20px;
}

.footer-about .footer-contact .mail{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left:20px;
    margin-bottom: 0px;
} 

.address-container .address{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* padding: 10px; */
    height: 210px;
    
}



.address-container .address h4 {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 27px;
    position: relative;
}
        
.address-container .address p{
            color: #e3e3e3;
            font-size: 15px;
            margin-left: 10px;
            line-height: 25px;
}


.contact-details h4 {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 27px;
    position: relative;
}

.contact-details p{
    color: #e3e3e3;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 25px;
}


/* .footer-content::after {
    content: "";
    width: 100%;
    z-index:revert-layer;
    bottom: 0px;
    left: -2px;
    height: 100%;
    background-color: #fbe8e8cf;
    position: absolute;
} */


.footer-content{
    /* background-image: url("../images/bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    background-image: url(../images/footer-bg.png) ;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 40px 20px;
    /* min-height: 400px; */
    position: relative;
    
} 
         
.footer-about-us {
    background-color: #ee4423;
    height: 150px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    /* background-image: url('https://i.pinimg.com/736x/32/38/46/323846fcd2a7fc7dd8af64ecf666ec56.jpg'); */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.footer-about-us .footer-options span {
    font-size: 16px;
    padding: 10px;
    color: #fff;
}

.footer-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}

.prefooter{
    padding: 10px 0px;
    background-color: #ddd;
}



/* footer */


.footer_livestream{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* .livestream_card{
    background-image:url('../images/bg.jpg') ;
    background-size: 100% 100%;
    height: 240px;
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.livestream_card::after{
    position: absolute;
    content:'';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top:0;
    left: 0;
} */

.footer_live_heading h6{
    color: #ffffff;
    margin: 0;
    position: relative;
    font-size: 30px;
    z-index: 1;
}


.new-footer .footer-copyright .footer-bar {
    margin-top: 10px;
    padding: 15px 0;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    color: #ffff;
}

.footer-about-us .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.footer-about-us .social-icons span{
    font-size: 20px;
    color: #fff;
    padding-left: 20px;
    /* padding: 10px; */
}

.footer-contact span{
    margin-left: 10px;
}

.footer-contact{
    padding-top: 50px;
}

.footer-contact h4 {
    color: #f5f5f5;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-left: 20px;
    line-height: 27px;
    position: relative;
}
.footer-contact h4::after,.contact-details h4::after,.address h4::after{
    position: absolute;
    content: '';
    left:0px;
    bottom: -3px;
    background-color: #fbd434;
    width: 30px;
    height: 3px;
}


.why-choose-us {
    /* background-color: #0078d40f; */
    padding: 20px 20px;
    background-image: url(../images/livebg.jpg);
    background-attachment: fixed;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* background-blend-mode: overlay; */
    /* background-position: 0px 90px; */
    /* display: flex; */
    /* justify-content: center; */
    /* backdrop-filter: blur(220px); */
}

.inner-why-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.swing {
    -webkit-animation: swing 2s infinite alternate;
            animation: swing 2s infinite alternate;
    -webkit-transform-origin: center -20px;
        -ms-transform-origin: center -20px;
            transform-origin: center -20px;
    float: left;
    /* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); */
}

.swing img {
    border: 5px solid #f8f8f8;
    display: block;
    background: #c1e0ff8a;
    width: 100%;
}

.swing:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: -14px;
    left: 41%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}

.swing:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    top: -10px;
    left: 36%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

@-webkit-keyframes swing {
    0% {
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg);
    }
    100% {
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg);
    }
  }

@keyframes swing {
    0% {
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg);
    }
    100% {
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg);
    }
  }
  
  @-webkit-keyframes swing-hover {
    0% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
    50% {
      -webkit-transform: rotate(-3deg) translateX(-5px);
              transform: rotate(-3deg) translateX(-5px);
    }
    100% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
  }
  
  @keyframes swing-hover {
    0% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
    50% {
      -webkit-transform: rotate(-3deg) translateX(-5px);
              transform: rotate(-3deg) translateX(-5px);
    }
    100% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
  }
  .inner-why-choose-us{
    color: #000;
    font-weight: 600;
    font-size: 20px;
  }




  .address-card {
    background-color: #ffffffe8;
    padding: 31px 8px;
    border-radius: 0px;
    height: 300px;
    margin: auto;
    width: 100%;
    /* font-family: 'Poppins', sans-serif; */
}   

.address-data p {
    margin: 5px 0px;
}

.address-data {
    margin-bottom: 30px;
    height: 135px;
}

.footer-address {
    /* display: flex; */
    /* justify-content: center; */
    /* padding: 100px 30px 20px 40px; */
    padding: 60px 0px 0px 0px;
    background-color: #2c63ae;
/*    background-image: url(../images/background/footer-graph.jpg);*/
    /* background-attachment: fixed; */
    background-position: 5px 582px;
    background-repeat: no-repeat;
    width: 100%;
    /* margin: 40px auto; */
}



.footer-bottom-list {
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 70%;
    margin-left: auto;
    margin-top: 40px;
    padding: 60px 0px;
    border-top: 1px solid #ddd;
}

.footer-bottom-list .footer-logo{
    width: 200px;
}

.footer-bottom-list .footer-text {
    color: #fff;
    text-align: justify;
    /* font-family: 'Poppins', sans-serif; */
    padding: 10px 50px 10px 10px;
}

.footer-bottom-list .footer-links {
    color: #fff;
    /* padding: 90px 25px 8px 0px; */
}

.footer-links h6 {
    font-size: 20px;
    /* border-bottom: 3px solid #ee4423; */
    padding: 0px 0px 6px 0px;
    /* width: 85%; */
    position: relative;
}


.footer-links h6::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: -3px;
    background-color: #fcd134;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    width: 25px;
    height: 1px;
}

.footer-links:hover h6::after{
    width: calc(100% - 20px);
}

.footer-list ul{
    padding:0px;
    list-style-type: none;
}

.footer-list ul>li {
    font-size: 16px;
    padding: 5px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* font-family: 'Poppins', sans-serif; */
}

/* .footer-bottom-list .footer-about {
    padding: 0px 50px 20px 50px;
} */

.footer-bottom-list .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    padding-left: 15px;
    padding-top: 10px;
}


.footer-bottom-list .social-icons span{
    font-size: 30px;
    color: #fff;
}

/* svg.svg-inline--fa.fa-angle-right {
    font-size: 15px;
    margin-right: 5px;
} */



/* .footer-bottom .footer-bar {
    display: flex;
    justify-content: left;
    flex-wrap: unset;
    color: #ffff;
    margin-right: auto;
} */

.footer-bottom {
    padding: 10px 12px 10px 20px;
    border-top: 1px solid #dddddd;
    background-color: #141517;
}
.footer-bottom-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-bottom .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
}

/* .footer-bottom .footer-bar .copyright {
    margin-top: 10px;
    margin-left: 30px;
    padding: 15px 0;
    font-size: 15px;
    color: #fff;
}

.footer-bottom .footer-bar .creation {
    margin-top: 10px;
    margin-left: 5px;
    padding: 12px 0;
    font-size: 15px;
    color: #fff;
} */

.footer-right p {
    color: #fff;
    font-size: 14px;
    margin-bottom:0 ;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.footer-right {
    /* margin-top: 20px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:20px;   
}


.address-card .address-data h4 {
    color: #000000;
    font-size: 20px;
    /* font-family: 'Poppins', sans-serif; */
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: 10px;
    line-height: 27px;
    /* position: relative; */
}
        
.address-card .address-data p{
    color: #000000;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 16px;
    margin-left: 10px;
    line-height: 25px;
}

.contact-data h4 {
    color: #000000;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
    /* margin: auto; */
    /* box-shadow: 8px 4px #14151773; */
    /* color: #fff; */
    border-radius: 7px;
    /* margin-left: 5px; */
    /* background: #ee4423; */
    /* line-height: 27px; */
  
    width: 60%;
    padding: 10px 30px;
}

.contact-data p{
    color: #e3e3e3;
    /* font-family: 'Poppins', sans-serif; */
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    line-height: 25px;
}


/* svg.svg-inline--fa.fa-arrow-right {
    margin-left: 40px;
    font-size: 20px;
}
svg.svg-inline--fa.fa-whatsapp {
    font-size: 22px;
    padding-left: 10px;
} */


.call-data span{
    font-size: 18px;
    padding-left: 10px;
    color: #000000;
}

.contact-data {
    padding-top: 15px;
}



/* address card */


.address_card:hover .address_marker{
    display: block;
}
.address_card:hover .address_map{
    -webkit-filter: invert(100);
            filter: invert(100);
}
.address_card:hover .address_card_heading::before{
    width: calc(100% - 20px);
}
.address_card_heading{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap:20px;
    
    position: relative;
}
.address_card_heading::before{
    position: absolute;
    content: '';
    left:20px;
    bottom: 0px;
    width: 50%;
    height: 1px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    background-color: #fcd134;
}
.address_heading_image {
    width: 136px;
    position: relative;
    border: 2px solid #fff;
    border-radius: 63px;
}
.address_card_heading h4{
    font-size: 21px;
    color:#f5f5f5;
    font-weight: 700;
    width:100%;
    line-height: 30px;
}
.address{
    padding: 20px 20px 0px 20px;
    height:130px;
}
.address p{
    font-size: 18px;
    color: #f5f5f5;
}
.address_card_footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: space-between; */
    padding:0px 20px 20px 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.address_call{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap:15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.address_call .fa-whatsapp{
    color: #35c537;
    font-size: 40px;
}
.address_call span{
    color: #f5f5f5;
    font-size: 20px;
    margin-right:15px;
}
.address_card_footer svg{
    color:#f5f5f5;
    padding:0px;
    font-size: 25px;
}
.address_marker{
    display: none;
    position: absolute;
    content: '';
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 30px;
    height: 30px;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.address_map{
    /* -webkit-filter: invert(100);
            filter: invert(100); */
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}


.footer-bottom-list .footer-list .footer-links i{
    font-size: 15px;
    margin-right: 5px;
}

/* .social-icons .fa-facebook{
    color: #0866ff;
}
.social-icons .fa-instagram{
    color: #fccc63;
}
.social-icons .fa-twitter{
    color: #1da1f2;
}
.social-icons .fa-youtube{
    color: #fd0002;
}
.social-icons .fa-linkedin{
    color: #0077b5;;
}

.social-icons .social-icon {
    width: 25px;
} */

.footer-links .footer-list .fa-solid.fa-phone,.footer-links .footer-list .fa-solid.fa-envelope{
    font-size: 16px;
    color: #fff;
    margin-right: 3px;
}

.footer-list ul>li i {
    font-size: 14px;
}


span.material-symbols-outlined.footer-icon {
    margin-right: 5px;
}


.footer-bottom-list .footer-about-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}





/* Live Streaming  */

/* .livestream_card{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.livestream_card:hover .livestream_content{
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    background-color: #222327;
    color:#ffffff;
}
.livestream_image{
}
.livestream_content{
    position: absolute;
    left: 0;
    content: '';
    top:225px;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transition: all linear 0.5s;
} */


.note {
    margin-top: 30px;
    color: #fff;
    font-size: 1rem;
    font-family: "Merriweather", sans-serif;
    line-height: 1.5;
    text-align: center;
  }
  
  article.livestream_card {
    position: absolute;
    left: 50%;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 250px;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
            transform: translate(-50%, -50%) translateZ(0);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  article.livestream_card .thumb {
    width: auto;
    height: 250px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/new-york-city.png") no-repeat center;
    background-size: cover;
    border-radius: 3px;
  }
  article.livestream_card .infos {
    width: auto;
    height: 250px;
    position: relative;
    padding: 14px 24px;
    background: #222327;
    -webkit-transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    -o-transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);
  }
  article.livestream_card .infos .title {
    position: relative;
    margin: 10px 0;
    letter-spacing: 3px;
    color: #ffffff;
    font-family: "Grotesque Black", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    text-shadow: 0 0 0px #32577f;
  }
  article.livestream_card .infos .flag {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35px;
    height: 23px;
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/397014/flag.png") no-repeat top right;
    background-size: 100% auto;
    display: inline-block;
  }
  article.livestream_card .infos .date, article.livestream_card .infos .seats {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 0.85rem;
    /* color: rgba(21, 37, 54, 0.7); */
    color: #ffffff;
    font-family: "Grotesque", sans-serif;
  }
  article.livestream_card .infos .seats {
    display: inline-block;
    /* margin-bottom: 24px; */
    /* padding-bottom: 24px; */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #ffffff;
    opacity: 0;
    -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    -o-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
  }
  article.livestream_card .infos .txt {
    padding-top: 30px;
    font-family: "Merriweather", sans-serif;
    line-height: 2;
    font-size: 0.95rem;
    /* color: rgba(21, 37, 54, 0.7); */
    color: #ffffff;
    opacity: 0;
    -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    -o-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
  }
  article.livestream_card .infos .details {
    position: absolute;
    left: 0;
    left: 0;
    bottom: 0;
    margin: 10px 0;
    padding: 20px 24px;
    letter-spacing: 1px;
    color: #4e958b;
    font-family: "Grotesque Black", sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    -o-transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
    transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
  }
  article.livestream_card:hover .infos {
    -webkit-transform: translateY(-250px);
        -ms-transform: translateY(-250px);
            transform: translateY(-250px);
  }
  article.livestream_card:hover .infos .seats, article.livestream_card:hover .infos .txt, article.livestream_card:hover .infos .details {
    opacity: 1;
  }




/* achievement card css start */


@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
 @import url("https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700&display=swap");
 .about-us .about {
	 position: fixed;
	 z-index: 10;
	 bottom: 10px;
	 right: 10px;
	 width: 40px;
	 height: 40px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: end;
	     -ms-flex-pack: end;
	         justify-content: flex-end;
	 -webkit-box-align: end;
	     -ms-flex-align: end;
	         align-items: flex-end;
	 -webkit-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all 0.2s ease;
}
.about-us .about .bg_links {
	 width: 40px;
	 height: 40px;
	 border-radius: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 background-color: rgba(0, 0, 0, 0.2);
	 border-radius: 100%;
	 /* backdrop-filter: blur(5px); */
	 position: absolute;
}
/* .about-us .about .logo {
	 width: 40px;
	 height: 40px;
	 z-index: 9;
	 background-image: url(https://rafaelavlucas.github.io/assets/codepen/logo_white.svg);
	 background-size: 50%;
	 background-repeat: no-repeat;
	 background-position: 10px 7px;
	 opacity: 0.9;
	 transition: all 1s 0.2s ease;
	 bottom: 0;
	 right: 0;
} */
.about-us .about .social {
	 opacity: 0;
	 right: 0;
	 bottom: 0;
}
.about-us .about .social .icon {
	 width: 100%;
	 height: 100%;
	 background-size: 20px;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-color: transparent;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-transition: all 0.2s ease, background-color 0.4s ease;
	 -o-transition: all 0.2s ease, background-color 0.4s ease;
	 transition: all 0.2s ease, background-color 0.4s ease;
	 opacity: 0;
	 border-radius: 100%;
}
.about-us .about .social.portfolio {
	 -webkit-transition: all 0.8s ease;
	 -o-transition: all 0.8s ease;
	 transition: all 0.8s ease;
}
.about-us .about .social.portfolio .icon {
	 background-image: url(https://rafaelavlucas.github.io/assets/codepen/link.svg);
}
.about-us .about .social.dribbble {
	 -webkit-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
}
.about-us .about .social.dribbble .icon {
	 background-image: url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg);
}
.about-us .about .social.linkedin {
	 -webkit-transition: all 0.8s ease;
	 -o-transition: all 0.8s ease;
	 transition: all 0.8s ease;
}
.about-us .about .social.linkedin .icon {
	 background-image: url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg);
}
.about-us .about:hover {
	 width: 105px;
	 height: 105px;
	 -webkit-transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 -o-transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about-us .about:hover .logo {
	 opacity: 1;
	 -webkit-transition: all 0.6s ease;
	 -o-transition: all 0.6s ease;
	 transition: all 0.6s ease;
}
.about-us .about:hover .social {
	 opacity: 1;
}
.about-us .about:hover .social .icon {
	 opacity: 0.9;
}
.about-us .about:hover .social:hover {
	 background-size: 28px;
}
.about-us .about:hover .social:hover .icon {
	 background-size: 65%;
	 opacity: 1;
}
.about-us .about:hover .social.portfolio {
	 right: 0;
	 bottom: calc(100% - 40px);
	 -webkit-transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 -o-transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about-us .about:hover .social.portfolio .icon:hover {
	 background-color: #698fb7;
}
.about-us .about:hover .social.dribbble {
	 bottom: 45%;
	 right: 45%;
	 -webkit-transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 -o-transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about-us .about:hover .social.dribbble .icon:hover {
	 background-color: #ea4c89;
}
.about-us .about:hover .social.linkedin {
	 bottom: 0;
	 right: calc(100% - 40px);
	 -webkit-transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 -o-transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
	 transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about-us .about:hover .social.linkedin .icon:hover {
	 background-color: #0077b5;
}
 /* body {
	 font-family: "Barlow", sans-serif;
	 margin: 0;
	 height: 100vh;
	 display: grid;
	 place-items: center;
	 background-color: #f2f2f2;
} */
.about-us .cards {
	 width: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
}
.about-us .cards .card {
	 height: 440px;
	 background: #fff;
	 border-radius: 4px;
	 -webkit-box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.1);
	         box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.1);
	 max-width: 300px;
	 min-width: 260px;
	 overflow: hidden;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 position: relative;
	 -webkit-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	 transition: all 0.4s ease;
	 margin: 0 10px;
}
.about-us .cards .card:before {
	 height: 190px;
	 width: calc(100% + 100px);
	 content: "";
	 position: absolute;
	 background-image: -webkit-gradient(linear, left bottom, left top, from(#4481eb), to(#04befe));
	 background-image: -o-linear-gradient(bottom, #4481eb 0%, #04befe 100%);
	 background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
	 border-radius: 4px 4px 100% 100%;
	 -webkit-transition: all 0.4s ease-out;
	 -o-transition: all 0.4s ease-out;
	 transition: all 0.4s ease-out;
	 top: 0;
}
.about-us .cards .card .close {
	 width: 18px;
	 height: 18px;
	 position: absolute;
	 z-index: 2;
	 cursor: pointer;
	 background-image: url("https://rafaelalvucas.github.io/assets/icons/misc/cross.svg");
	 background-size: 80%;
	 background-repeat: no-repeat;
	 background-position: center;
	 top: 0;
	 right: 0;
	 margin: 10px;
	 padding: 5px;
	 -webkit-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all 0.2s ease;
}
.about-us .cards .card .close:hover {
	 background-size: 100%;
	 opacity: 0.8;
}
.about-us .cards .card .arrow {
	 display: none;
}
.about-us .cards .card article {
	 z-index: 1;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	     -ms-flex-direction: column;
	         flex-direction: column;
	 text-align: center;
}
.about-us .cards .card article h2 {
	 color: white;
	 margin: 0;
	 padding: 40px 20px 10px 20px;
	 font-weight: 500;
	 font-size: 24px;
	 letter-spacing: 0.5px;
}
.about-us .cards .card article .title {
	 color: white;
	 padding: 10px 20px;
	 letter-spacing: 0.8px;
	 -webkit-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	 transition: all 0.4s ease;
}
.about-us .cards .card article .desc {
	 padding: 10px 30px;
	 font-size: 14px;
	 text-align: center;
	 line-height: 24px;
	 color: #666;
	 height: 90px;
	 -webkit-transition: all 0.4s ease-out;
	 -o-transition: all 0.4s ease-out;
	 transition: all 0.4s ease-out;
}
.about-us .cards .card article .pic {
	 width: 120px;
	 height: 120px;
	 overflow: hidden;
	 border-radius: 100%;
	 margin: 20px 0;
	 -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.3);
	         box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.3);
	 -webkit-transition: all 0.6s ease;
	 -o-transition: all 0.6s ease;
	 transition: all 0.6s ease;
}
.about-us .cards .card article .pic img {
	 width: 100%;
	 -webkit-filter: grayscale(100%);
	 filter: grayscale(100%);
}
.about-us .cards .card .actions {
	 width: 100%;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: justify;
	     -ms-flex-pack: justify;
	         justify-content: space-between;
	 background: white;
	 z-index: 1;
}
.about-us .cards .card .actions .btn {
	 border: 0;
	 background-color: transparent;
	 -webkit-box-sizing: border-box;
	         box-sizing: border-box;
	 width: calc(50% - 1px);
	 height: 36px;
	 margin: 0;
	 text-transform: uppercase;
	 font-size: 10px;
	 -webkit-transition: all 0.6s ease-in-out;
	 -o-transition: all 0.6s ease-in-out;
	 transition: all 0.6s ease-in-out;
	 cursor: pointer;
	 color: #4481eb;
	 position: relative;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 font-weight: 500;
	 font-family: "Barlow", sans-serif;
	 letter-spacing: 0.5px;
	 background: rgba(68, 129, 235, 0.08);
}
.about-us .cards .card .actions .btn span {
	 z-index: 1;
	 opacity: 1;
	 -webkit-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
}
.about-us .cards .card .actions .btn .icon {
	 width: 10px;
	 opacity: 0;
	 position: absolute;
	 -webkit-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}
.about-us .cards .card .actions .btn:before {
	 content: "";
	 width: 100%;
	 height: 0%;
	 position: absolute;
	 background: #4481eb;
	 -webkit-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	 transition: all 0.4s ease;
	 bottom: 0;
	 opacity: 0.2;
}
.about-us .cards .card .actions .btn:focus {
	 outline: 0;
}
.about-us .cards .card .actions .btn:hover {
	 background-color: rgba(255, 255, 255, 0.5);
}
.about-us .cards .card .actions .btn:hover span {
	 opacity: 0;
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
}
.about-us .cards .card .actions .btn:hover .icon {
	 width: 22px;
	 opacity: 1;
	 -webkit-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
}
.about-us .cards .card .actions .btn:hover:nth-child(3) .icon {
	 width: 18px;
}
.about-us .cards .card .actions .btn:hover:before {
	 height: 100%;
}
.about-us .cards .card .actions .btn.clicked span {
	 display: none;
}
.about-us .cards .card .actions .btn.clicked .icon {
	 width: 22px;
	 opacity: 1;
	 -webkit-animation: icon 0.5s ease forwards;
	         animation: icon 0.5s ease forwards;
}
 @-webkit-keyframes icon {
	 0% {
		 width: 22px;
	}
	 50% {
		 width: 40px;
	}
	 100% {
		 width: 22px;
	}
}
 @keyframes icon {
	 0% {
		 width: 22px;
	}
	 50% {
		 width: 40px;
	}
	 100% {
		 width: 22px;
	}
}
.about-us .cards .card .actions .btn.clicked:before {
	 opacity: 0.3;
	 height: 100%;
}
.about-us .cards .card:hover {
	 -webkit-transform: translateY(-10px);
	     -ms-transform: translateY(-10px);
	         transform: translateY(-10px);
	 -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
	         box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
}
.about-us .cards .card:hover:before {
	 height: 100%;
	 border-radius: 4px;
}
.about-us .cards .card:hover .desc {
	 color: white;
}
.about-us .cards .card:hover .pic {
	 -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.3);
	         box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.3);
}
.about-us .cards .card:hover .pic img {
	 -webkit-filter: grayscale(0%);
	 filter: grayscale(0%);
}
.about-us .cards .card.closed {
	 min-width: 120px;
	 max-width: 120px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-transition: all 0.6s ease;
	 -o-transition: all 0.6s ease;
	 transition: all 0.6s ease;
	 cursor: pointer;
}
.about-us .cards .card.closed .title, .cards .card.closed .desc, .cards .card.closed .actions, .cards .card.closed .close {
	 display: none;
}
.about-us .cards .card.closed h2 {
	 padding: 0;
	 height: 100%;
	 -webkit-transform: rotate(-90deg);
	     -ms-transform: rotate(-90deg);
	         transform: rotate(-90deg);
	 width: 440px;
	 z-index: 2;
	 -webkit-transition: all 0.6s ease;
	 -o-transition: all 0.6s ease;
	 transition: all 0.6s ease;
}
.about-us .cards .card.closed .pic {
	 border-radius: 100%;
	 height: 400px;
	 width: 400px;
	 position: absolute;
	 top: -20px;
	 margin: 0;
	 -webkit-box-shadow: 0;
	         box-shadow: 0;
	 -webkit-transition: all 0.6s ease;
	 -o-transition: all 0.6s ease;
	 transition: all 0.6s ease;
}
.about-us  .cards .card.closed .pic img {
	 -o-object-fit: cover;
	    object-fit: cover;
	 height: 100%;
	 -webkit-transform: translateY(20px);
	     -ms-transform: translateY(20px);
	         transform: translateY(20px);
}
.about-us .cards .card.closed .pic:before {
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background-color: black;
	 opacity: 0.5;
	 z-index: 1;
	 -webkit-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	 transition: all 0.4s ease;
	 -webkit-transform: translateY(20px);
	     -ms-transform: translateY(20px);
	         transform: translateY(20px);
}
.about-us .cards .card.closed:before {
	 height: 100%;
	 border-radius: 4px;
}
.about-us  .cards .card.closed .arrow {
	 width: 18px;
	 height: 18px;
	 position: absolute;
	 z-index: 2;
	 cursor: pointer;
	 bottom: 15px;
	 padding: 5px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 background-image: url("https://rafaelavlucas.github.io/assets/icons/misc/expand.svg");
	 background-size: 80%;
	 background-repeat: no-repeat;
	 background-position: center;
	 -webkit-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 transition: all 0.2s ease;
}
.about-us  .cards .card.closed:hover .arrow {
	 background-size: 100%;
	 opacity: 0.6;
}
 
/* achievement card css end */


/* media solutions css start */


/* 
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  } */
  

.media-solutions {
    padding: 50px 0px 50px 0px;
    /* background-color: #666565; */
    background-image: url("../images/broadcast_bg_image.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}


.media-heading{
    display: -webkit-box;
    display: -ms-flexbox;
    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-heading h4 {
    /* font-size: 4vw; */
    font-size: 60px;
    color: #ffffff;
    margin-left: 50px;
}

.media-solutions .media-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.media-solutions .skills {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    width: 750px;
    gap: 20px;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* transition: 1s; */
    margin-left:30px;
    -webkit-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
  }
  
  .media-solutions  .each {
    
    /* box-shadow: inset 0 0 5px rgba(55, 84, 170, 0),
      inset 0 0 10px rgba(255, 255, 255, 0), 5px 5px 9px rgba(55, 84, 170, 0.15),
      -5px -5px 11px white, inset 0px 0px 2px rgba(255, 255, 255, 0.2); */
    -webkit-transition: all box-shadow 0.8s ease-in;
    -o-transition: all box-shadow 0.8s ease-in;
    transition: all box-shadow 0.8s ease-in;
    height: 250px;
    width: 350px;
    border-radius: 10px;
    /* font-family: Arial, Helvetica, sans-serif; */
    border: 5px solid #eaeef5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
  }
  
  .media-solutions .html, .css, .js, .ng{
    background-color: #bdbaba;
  }

  
  .media-solutions .each .box {
    padding: 16px;
    color: #000000;
  }
  
  .media-solutions  .css .box {
    /* text-align: right; */
  }
  
  .media-solutions  .js .box {
    /* margin-top: 40px; */
    z-index: -1;
  }
  
  .media-solutions .ng .box {
    /* margin-top: 40px; */
    /* text-align: right; */
    z-index: -1;
  }
  
  .media-solutions  .each .box .content h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 6px;
    font-family: "Oswald", sans-serif;
  }
  
  .media-solutions  .each .box .content p {
    font-size: 18px;
    text-align: center;
    margin: 0;
    font-family: "Mukta", sans-serif;
  }
  
  /* .media-solutions  .html .box .content i {
    margin-top: 40px;
  }
  
  .media-solutions  .css .box .content i {
    font-size: 30px;
    margin-left: 100px;
    margin-top: 40px;
  }
  
  .media-solutions  .js .box .content i {
    margin-bottom: 20px;
  }
  
  .media-solutions  .ng .box .content i {
    margin-bottom: 20px;
  }
  
  .media-solutions  .each .box .content i {
    font-size: 30px;
  } */
  
  .media-solutions .center {
    position: absolute;
    height: 160px;
    width: 160px;
    background: #f1f3f6;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    border-radius: 108px;
    /* box-shadow: inset 0 0 5px rgba(55, 84, 170, 0),
      inset 0 0 10px rgba(255, 255, 255, 0), 5px 5px 9px rgba(55, 84, 170, 0.15),
      -5px -5px 11px white, inset 0px 0px 2px rgba(255, 255, 255, 0.2); */
    -webkit-transition: -webkit-box-shadow ease-in-out 0.4s;
    transition: -webkit-box-shadow ease-in-out 0.4s;
    -o-transition: box-shadow ease-in-out 0.4s;
    transition: box-shadow ease-in-out 0.4s;
    transition: box-shadow ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    border: 10px solid #e8edf5;
    z-index:2;
  }
  
  .media-solutions  .center .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    /* font-family: Arial, Helvetica, sans-serif; */
  }


  .media-solutions .center .box h2{
    font-size: 23px;
    text-align: center;
    color: #000000;
  }
  

  .media-solutions .media-heading .section-title {
    /* font-family: 'Fjalla One', sans-serif; */
    margin-bottom: 80px;
    line-height: 1.4;
    font-size: 4vw;
    color: #ffffff;
    text-align: center;
    /* letter-spacing: 2px; */
}


.each:hover {
    /* transition: box-shadow ease 20s; */
    /* transition: background-color ease-in-out 10s;  */
}

.html:hover, .css:hover, .js:hover, .ng:hover{
    -webkit-box-shadow: -8px 14px 0px 0px #ffffff91;
            box-shadow: -8px 14px 0px 0px #ffffff91;
    background-color: #ee4423cf;
    -webkit-transition: background-color ease-in-out 4s, -webkit-box-shadow ease-in-out 4s;
    transition: background-color ease-in-out 4s, -webkit-box-shadow ease-in-out 4s;
    -o-transition: background-color ease-in-out 4s, box-shadow ease-in-out 4s;
    transition: background-color ease-in-out 4s, box-shadow ease-in-out 4s;
    transition: background-color ease-in-out 4s, box-shadow ease-in-out 4s, -webkit-box-shadow ease-in-out 4s;
}


.each:hover .box{
    color:#ffffff;
    -webkit-transition: all ease-in 0.8s;
    -o-transition: all ease-in 0.8s;
    transition: all ease-in 0.8s;
}





/* live stream css start */


       /* .cube-parent-container {
        width: 100%;
        max-width: 600px;
        margin: 0;
      }
       */
      /*  Aspect ratio as 1/1 or square */
      
      .cubeSwiper .swiper-slide {
        aspect-ratio: 1/1;
      }
      
      /*  Set slide image to cover */
      
      .cubeSwiper .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
      }
      
      /*  Pagination as three column grid  */
      .cubeSwiper .pagination-container {
        padding-top: 25px;
        /*  pagination grid container width set in absolute pixels as using 
            transform scale for responsiveness.  */
        width: 250px;
        margin: 0 auto;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 100px 0px 1fr;
        grid-template-columns: 1fr 100px 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
      
        /* Scale down pagination - i.e. bigger or smaller at your break points */
        -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
      }
      .cubeSwiper .pagination-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
      }
      .cubeSwiper .pagination-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
      }
      .cubeSwiper .pagination-container > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
      }
      
      /* fraction/slide count */
      
      .cubeSwiper .cube-pagination-fraction {
        color: rgba(255, 0, 255, 0.8);
        font-size: 18px;
        font-weight: 700;
        margin-top: 15px;
        text-align: center;
        position: relative;
      }
      
      /* prev/next buttons */

      
      .cube-button-prev:hover,
      .cube-button-next:hover {
        color: red;
        -webkit-filter: brightness(0.95);
                filter: brightness(0.95);
      }
      .cubeSwiper .swiper-slide img {
        width: 100%;
        margin: 10px;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px;
        padding: 50px;
    }

    /* .live_stream {
        margin-top: 60px;
    } */

    figure.cube-parent-container iframe {
        border-radius: 20px;
        padding: 26px 13px;
        background: #ffffff14;
    }

    figure.cube-parent-container  {
        border-radius: 400px !important;
  
    }


   
/*    .stream {
        position: relative;
        -webkit-padding-start: 130px;
        width: 100%;
        position: relative;
        padding: 40px 0px;
        background-color: #141c86de;
    }
*/
    .stream {
    position: relative;
    /* margin: auto; */
/*    -webkit-padding-start: 130px;*/
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
/*    padding: 40px 0px;*/
    background-size: cover;
    background-image: url("../images/background/live_stream.png");
    /* background-color: #141c86de; */
    /* margin-top: 100px; */
}

    .text {
    text-align: center;
}
    
    iframe {
        height: 570px;
        width: 100%;
        background: #00000042;
    }


.stream .text h2 {
    font-size: 35px;
    color: #ffffff;
    /* text-align: justify; */
    line-height: 70px;
    /* width: 100%; */
}

/* .stream .stream-content{
    background: #00000017;
    box-shadow: 6px 8px 3px 3px #dadada;
    padding: 59px;
    border-radius: 21px;
} */


/* live stream css end */


/* achievement css start */

.achievement{
    background-color: #000000;
    width: 100%;
}

.achievement-left img{
    border-radius: 0px 0px 0px 0px;
    width: 100%;
}


.achievement-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.achievement-right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.achievement-right h4{
    color: #ffffff;
    font-size: 40px;
}


.work_plan {
    background-color: #f5f5f5;
    opacity: 1;
    /* background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #ffffff 40px), repeating-linear-gradient(#e1e1ee55, #e1e1ee); */
    width: 100%;
    margin: auto;
}

.workplan_contain {
    /* font-size: 32px; */
/*    padding: 50px 0px 15px 0px;*/
    text-align: center;
}

.workplan_contain h4 {
    font-size: 50px;
    padding-bottom: 20px;
    color: #141c86de;
}

.work_plan_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
   flex-direction: row;
   margin-top: 15px;
    /* gap: 5px; */
}

/* .work_plan_card:hover .workplan_data{
    margin-top: -20px;
} */

/* .achievement-card:hover .work_plan_card{
    margin-top: -20px;
    transition: all ease-in-out 0.6s;
} */

.workplan_data.first {
    /* padding: 40px 0px; */
    color: #fff;
    /* height: 350px; */
    /* margin-top: 20px; */
}
.workplan_data{
    height: 385px;
    background:#2c63ae;
}

.workplan_data img {
    height: 385px;
}

.workplan_data ul{
    list-style-type: none;
    padding: 0px 0px;
}

.workplan_data li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-right: 5px; */
    padding: 5px 15px;
    font-size: 16px;
}

.workplan_data h6 {
    font-size: 21px;
    font-weight: 500;
    padding: 18px 8px 1px 16px;
}


/* .br4 {
    border-radius: 0px 30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
} */
/* .br4 img{
    border-radius: 0px 30px 0px 30px;
} */

.workplan_data img {
    width: 100%;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; */
    /* height: 430px; */
}


.workplan_data.six {
/*    background: #db3423;*/
     background: #ee4423;
    color: #ffff;
    /* padding: 69px 0px; */
    margin-top: 0px;
    /* height:350px; */
}

.workplan_data.third {
/*    background: #db3423;*/
    background: #ee4423;
    /* padding: 40px 0px; */
    color: #fff;
    /* height: 350px; */
    /* margin-top: 20px; */

}

.workplan_data.eight {
    color: #fff;
    /* padding: 40px 0px; */
    margin-top: 0px;
    /* height:350px; */
}

.workplan_data {
    text-align: left;
    /* padding: 5px 0px; */
}

.work-plan-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* achievement css end */


/* expertise css start */


/* .areas-of-expertise {
    padding-top: 50px;
}

.areas-of-expertise .expertise-content{
    display: flex;
} */



.expertise-left img {
    /* width: 70%;
    border-radius: 50%;
    padding: 60px 30px; */
    /* position: relative; */
}

/* .expertise {
    padding: 10px 10px;
    width: 80%;
    height: 200px;
    position: relative;
} */


/* .expertise::before{
    z-index: -1;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 6px;
    right: -108px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid;
    transform:rotate(90deg);
} */



.expertise-one,.expertise-two,.expertise-three,.expertise-four,.expertise-five{
    position: relative;
}

/* .expertise-one::before, .expertise-two::before, .expertise-three::before, .expertise-four::before, .expertise-five::before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50px;
    right: -150px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid;
    transform: rotate(90deg);
} */

/* .expertise-one::before, .expertise-two::before, .expertise-three::before, .expertise-four::before, .expertise-five::before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 10px;
    right: -150px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 100px solid;
    transform: rotate(90deg);
}


.expertise-one::before {
   border-bottom-color:#ee4e99 ;
    
}

.expertise-two::before {
    border-bottom-color: #46a0cf;
}


.expertise-three::before  {
    border-bottom-color: #f9a32f;
}


.expertise-four::before  {
    border-bottom-color: #91b853;
    
}

.expertise-five::before {
    border-bottom-color: #ef5335;
   
}


.expertise-one {
    background-color: #ee4e99;
    
}

.expertise h5{
    color: #101010;
    font-size: 20px;

}

.expertise p{
    color: #101010;
    font-size: 16px;

}

.expertise-two {
   
    background-color: #46a0cf;
}


.expertise-three {
    background-color: #f9a32f;
}


.expertise-four {
    background-color: #91b853;
    
}

.expertise-five {
    background-color: #ef5335;
   
}

.expertise-title {
    height: 180px;
    width: 180px;
    background-color: red;
    position: absolute;
    top: -30px;
    left: -60px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.expertise-title h2 {
    color: #ffffff;
    font-size: 80px;
} */

/* expertise css end */




/* areas of expertise new css  start*/


/* areas of expertise new css  end */

/* .expertise-content img {
    width: 286px;
}

section.expertise .col-lg-3::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    bottom: 132px;
    right: -21px;
    background: #F44336;

}
section.expertise .col-lg-3:last-child::after{
    display: none;
}

section.expertise {
    background: #dddddd57;
}
.expertise-card {
    background: #fafafafa;
    border: 4px solid #fff;
    height: 300px;
    padding: 9px;
    padding: 24px;
    margin: 4px;
    box-shadow: 1px 1px 2px 0px #fff;
    border-radius: 30px;
}
.expertise .row {
    flex-wrap: unset;
}

.expertise-content img {
    width: 100%;
}

.expertise .col-lg-3 {
    align-items: center;
    justify-content: center;
    display: flex;
}

.marquee {
    animation: marquee 25s linear infinite; 
    padding: 80px 0px;
  }
  
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  } */

  section.expertise {
    /* border-top: 6px dashed #ddd; */
    /* display: flex; */
    /* flex-direction: row; */
    background: #ffffff;
    width: 100%;
    padding-top: 0px;
    /* border-bottom: 6px dashed #ddd; */
    /* margin-top: 40px; */
    padding-top: 50px;
    padding-bottom: 50px;
}

.expertise .expertise-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    float: inline-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* padding: 0px 0px 0px 102px; */
}



/* 
.expertise .row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: auto;
} */

.expertise .expertise-card {
    height: 380px;
    width: 100px;
    border-radius: 10px;
    background-size: cover;
    margin: 2px;
    /* background-image: url(../images/it_enabled_services.png); */
    position: relative;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    overflow: hidden;
}

.expertise .card-one {
    background-size: cover;
    background-image: url(../images/it_enabled_services.png);
}

.expertise .card-two {
    background-size: cover;
    background-image: url(../images/turnkey_network_projects.png);
}
.expertise .card-three {
    background-size: cover;
    background-image: url(../images/convergence_solutions_for_data_voice_video.png);
}

.expertise .card-four {
    background-size: cover;
    background-image: url(../images/technology_conceptual_development_and_integration.png) ;
}

.expertise .card-five {
    background-size: cover;
    background-image: url(../images/computer_based_training_software.png);
}





.expertise-card h2 {
    font-size: 22px;
    color: #ffffff;
    -webkit-transform: rotateZ(270deg);
        -ms-transform: rotate(270deg);
            transform: rotateZ(270deg);
    position: absolute;
    bottom: 130px;
    width: 250px;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    left: -95px;
    /* margin-left:-40px; */
    margin-bottom:10px;
    white-space: nowrap;
}

.expertise-card p {
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    bottom: 90px;
    width: 100%;
    left: 10px;
    width: 280px;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    opacity: 0;
}

.expertise-card:hover{
    width: 320px;
    background-position: center center;
    
}





.expertise-card:hover h2 {
    /* top: 16px; */
    -webkit-transform: rotateZ(360deg);
        -ms-transform: rotate(360deg);
            transform: rotateZ(360deg);
    left: 0px;
    padding: 20px 15px;
    bottom: 65px;
    /* padding: 15px; */
    width: 300px;
    white-space: nowrap;
}

.expertise-card:hover p {
    /* top: 16px; */
    top:40px;
    left: 0px;
    padding: 20px 15px;
    opacity: 1;
}

 

.expertise-heading h4 {
    /* font-size: 4vw; */
    font-size: 44px;
    color: #141c86de;
    font-weight: bold;
}




.expertise-card h3 {
    font-size: 22px;
    color: #ffffff;
    -webkit-transform: rotateZ(270deg);
        -ms-transform: rotate(270deg);
            transform: rotateZ(270deg);
    position: absolute;
    bottom: 115px;
    width: 250px;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    left: -60px;
    padding: 0px 15px;
    white-space: nowrap;
}

.expertise-card:hover h3 {
    /* top: 16px; */
    -webkit-transform: rotateZ(360deg);
        -ms-transform: rotate(360deg);
            transform: rotateZ(360deg);
    left: 0px;
    bottom: 50px;
    /* padding: 15px; */
    width: 300px;
    white-space: nowrap;
}



/* .expertise-card ul>li{
    list-style-type: none;
}

.expertise-card li{
    font-size: 25px;
    color: #ffffff;
    transform: rotateZ(270deg);
    position: absolute;
    bottom: 130px;
    width: 250px;
    transition: all ease-in-out 0.4s;
    left: -50px;
    
} */




/* About Us CSS Start */



/* .about-us {
    width: 100%;
    margin-top:100px;
   	color: #141c86de;
}

.abou-content{
    background-color: #dddddd;
}


.about-content .about-left h4 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-left: 125px;
}

.about-us .about-text p{
    font-size: 16px;
    text-align: justify;
}

.about-text {
    display: flex;
    gap: 10px;
    
} */


/* .about-icon {
    height: 80px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.about-icon img{
    width: 50%;
}

.about-us-img img {
    border-radius: 50%;
    border: 2px solid #141517;
}


.abou-left{
    position: relative;
}


.about-us-img {
    position: absolute;
    top: 175px;
    right: -250px;
    width: 100%;
    height: 100%;
} */


.hiring-services {
    padding: 50px 0;
}

.rental-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 30px;
}

.rental-content .rental-card {
    height: 220px;
    width: 450px;
    border-radius: 15px;
    border: 1px solid #141c86de;
    margin: 10px;
    padding: 20px;
    position: relative;
}

.rental-content .rental-card h2 {
    font-size: 24px;
    color: #141c86de;
}

.rental-content .rental-card p {
    font-size: 18px;
    color: #2830ab;
} 


.rental-card:hover{
    background-color: #2830ab;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    border: unset;
}

.rental-card:hover h2{
    color: #ffffff;
}

.rental-card:hover p{
    color: #ffffff;
}


.rental-card:hover .rental-icon{
    display: block;
}

.rental-icon {
    display: none;
    position: absolute;
    content: '';
    right: -80px;
    bottom: -30px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    font-size: 80px;
}


.rental-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 70px;
    margin-right: 135px;
}

.rental-heading h4{
    font-size: 50px;
    color: #141c86de;
}

/* 
.mission-left {
    margin-top: 20px;
}

.mission-vision{
    padding: 100px 30px;       
}

.mission-title h4 {
    font-size: 60px;
    color: #141c86de;
    width: 75%;
    padding: 20px;
    position: relative;
} */

/* .mission-title h4::before {
    position: absolute;
    content: '';
    left: 30px;
    bottom: -3px;
    background-color: #fcd134;
    width: 200px;
    height: 4px;
}

.mission-title h4::after {
    position: absolute;
    content: '';
    left: 30px;
    bottom: -10px;
    background-color: #46a1cf;
    width: 150px;
    height: 3px;
} */
/* 
.mission-content p {
    font-size: 20px;
    text-align: justify;
    color: #141c86de;
    padding: 10px 25px;
    width: 90%;
}

.mission-text {
    display: flex;
    gap: 20px;
    background-color: #dddddd8c;
    margin-bottom: 20px;
    padding: 28px 14px;
    border-radius: 100px 30px 30px 100px;
    position: relative;
}

.mission-text .mission-img {
    position: absolute;
    left: -40px;
    top: 0px;
} */

/* .mission-text .mission-img img {
    height: 250px;
    width: 250px;
    border-radius: 50%;
}

.mission-text .vision-text h4 {
    font-size: 30px;
    color: #141c86de;
    text-align: justify;
} */

/* .mission-text .vision-text p{
    font-size: 18px;
    color: #141c86de;
    text-align:  justify;
}

.mission-text .vision-text {
    margin-left: 225px;
}

.mission-right {
    margin-top: 125px;
} */

/* 
.vision-content {
    display: flex;
    gap: 20px;
    background-color: #dddddd8c;
    margin-bottom: 20px;
    padding: 28px 14px;
    border-radius: 30px 100px 100px 30px;
    position: relative;
}

.vision-content .vision-img {
    position: absolute;
    right: -40px;
    top: 0px;
}

.vision-content .vision-img img {
    height: 250px;
    width: 250px;
    border-radius: 50%;
}


.vision-content .vision-text {
    margin-right: 225px;
} */


/* .vision-content .vision-text h4 {
    font-size: 30px;
    color: #141c86de;
    text-align: justify;
}

.vision-content .vision-text p{
    font-size: 18px;
    color: #141c86de;
    text-align:  justify;
} */

/* About Us CSS End */





/* Contact Us CSS Start */



.contact-content {
    padding: 100px 0;
}


.contact-left h4 {
    font-size: 50px;
    color: #141c86de;
    width: 100%;
    margin-bottom: 20px;
}


.contact-left p {
    font-size: 20px;
    color: #000000;
    width: 75%;
    line-height: 2rem;
    margin-bottom: 30px;
}


.contact-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.contact-img img {
    height: 350px;
    width: 350px;
    border-radius: 50%;
}



.contact-details {
    padding: 30px 30px;
}

.contact-details ul>li{
    list-style-type: none;
}

.contact-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    line-height: 2rem;
}


.contact-details i{
    font-size: 30px;
    color: #141c86de;
    text-align: center;
}

.contact-right .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-left: 70px;
}


.contact-right .social-icons span i {
    font-size: 20px;
    color: #ffffff;
    height: 35px;
    width: 35px;
    background-color: #141c86de;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
}


.company-map iframe {
    height: 640px;
    background-color: unset;
    width: 100%;
    margin: auto;
    padding: unset;
}

/* Contact Us CSS End */




.services-left {
    position: relative;
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .services-left .service-card {
    position: relative;
    width: 350px;
    height: 280px;
    background: #459dce;
    border-radius: 20px;
    overflow: hidden;
}

  .services-left .service-card .service-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--i);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2;
    -webkit-transition-delay: 0.25s;
         -o-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  
  .services-left .service-card:hover .service-icon{
    top: 30px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }

.service-card:hover{
    background-color: #db3423;
}

  .services-left .service-card .service-icon i {
    font-size: 5em;
    color: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.25s;
         -o-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  
  .services-left .service-card:hover .service-icon i {
    font-size: 2em;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }


  .services-left .service-card .service-content {
    position: relative;
    padding: 20px;
    color: #fff;
    text-align: center;
    margin-top: 100px;
    z-index: 1;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }
  
  .services-left .service-card:hover .service-content {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition-delay: 0.25s;
         -o-transition-delay: 0.25s;
            transition-delay: 0.25s;
  }
  
  .services-left .service-card .service-content h2 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  .services-left .service-card .service-content p {
    font-weight: 300;
    line-height: 1.5em;
  }



/* Media Broadcasting Solution New CSS Start */



.media .why-choose-us {
   background-image: url(../images/media.jpg);
   background-attachment: fixed;
   background-repeat: no-repeat;
    background-size: cover;
    /* padding: 20px 20px; */
}

.media .inner-why-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.media .swing {
    -webkit-animation: swing 2s infinite alternate;
            animation: swing 2s infinite alternate;
    -webkit-transform-origin: center -20px;
        -ms-transform-origin: center -20px;
            transform-origin: center -20px;
    float: left;
    /* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); */
}



.media .swing:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: -14px;
    left: 41%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}

.media .swing:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    top: -10px;
    left: 36%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

@keyframes  swing {
    0% {
      -webkit-transform: rotate(3deg);
              transform: rotate(3deg);
    }
    100% {
      -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg);
    }
  }
  
  @keyframes swing-hover {
    0% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
    50% {
      -webkit-transform: rotate(-3deg) translateX(-5px);
              transform: rotate(-3deg) translateX(-5px);
    }
    100% {
      -webkit-transform: rotate(3deg) translateX(0);
              transform: rotate(3deg) translateX(0);
    }
  }
 .media  .inner-why-choose-us{
    color: #000;
    font-weight: 600;
    font-size: 20px;
  }


  /* .media-solutions .media-content{
    display:flex;
    justify-content: center;
} */

.media .media-content {
    height: 250px;
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff;
    border-radius: 20px;
}

  .media h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 6px;
    font-family: "Oswald", sans-serif;
  }
  
  .media p {
    font-size: 18px;
    text-align: center;
    margin: 0;
    font-family: "Mukta", sans-serif;
  }

/* Media Broadcasting Solution New CSS End */



/* Ongoing Projects CSS Start */

.ongoing-projects {
    padding: 80px 0;
    background-color: #dddddd4a;
    margin: 100px 0px;
}

.projects{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.project-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.project-img img {
    width: 80%;
    margin-top: 40px;
}

.projects-content h5 {
    font-size: 40px;
    color: #000;
    padding: 20px 15px;
    text-transform: capitalize;
    font-weight: 700;
    margin-left: 15px;
}

.projects-content p {
    width: 90%;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: justify;
    color: #000
}
.projects-content .ontv {
    color: #141c86de;
    font-weight: bold;
}

.projects-content .screen {
    color: #141c86de;
}

.projects-content .train {
    color: #141c86de;
}




/* Ongoing Projects CSS End */



/* Why Choose Us New CSS Start */

.why-us {
    background-color: #afdaf3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 50px 20px;
}

.why-us .why-choose-us-content h5{
    font-size:20px;
    font-weight: 600;
    color: #141c86de;
}


.why-us .why-choose-us-content ul>li{
    list-style-type: none;
}


.why-us .why-choose-us-options{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.why-choose-us-options img {
    height: 50px;
    width: 50px;
    margin-top: 25px;
}

.why-choose-data {
    padding: 10px 20px;
}


.why-choose-us-options .why-choose-data h4 {
    font-size: 22px;
    color: #141c86de;
    text-align: justify;
    width: 100%;
}


.why-choose-us-options .why-choose-data p {
    font-size: 18px;
    color: #000000;
    text-align: justify;
    width: 90%;
    font-weight: 500;
}



.why-us-img {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    position: relative;
    margin-top: 30px;
}

.why-us-img .why-us-one {
    position: absolute;
    top: 20px;
    right: 10px;
    border-radius: 10px;
}

.why-us-img .why-us-two {
    position: absolute;
    top: 200px;
    right: 265px;
    border-radius: 10px;
}

.why-us-img .why-us-three {
    position: absolute;
    top: 300px;
    right: 10px;
    border-radius: 10px;
}


.why-choose-us-content h5{
    margin-left: 45px;
}

/* Why Choose Us New CSS End */



/* Interactive Quiz CSS Start */

.interactive-quiz-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #72a5d0;
    padding: 100px 0;
}

.interactive-quiz-content {
    width: 60%;
}

.interactive-quiz-content h5{
    font-size: 35px;
    color:#000000;
    padding: 15px 0px;
    text-transform: uppercase;
    text-align: justify;
}

.qr-code h4 {
    font-size: 25px;
    color: #000000;
    padding: 10px 0px;
    text-align: justify;
}

.interactive-quiz-content .qr-code p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    text-align: justify;
    width: 80%;
}

.interactive-quiz-content .campaigns h5 {
    font-size: 25px;
    text-transform: capitalize;
    padding: 10px 0px;
    color: #000000;
    text-align: justify;
}

.interactive-quiz-content .campaigns p {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    text-align: justify;
    padding: 0px;
    margin: 0px;
}

.campaigns ul{
    padding:0px;
}

.campaigns ul>li{
    list-style-type: none;
}


.campaigns li {
    font-size: 18px;
    padding: 3px 0px;
    color: #000000;
    font-weight: 500;
    text-align: justify;
}

.contests h5{
    font-size: 25px;
    text-transform: capitalize;
    padding: 10px 0px;
    color: #000000;
    text-align: justify;
}


.contests ul>li{
    list-style-type: none;
}

.contests ul{
    padding:0px;
}

.contests li{
    font-size: 18px;
    padding: 3px 0px;
    color: #000000;
    font-weight: 500;
    text-align: justify;
}


.interactive-quiz-content p{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-align: justify;
}


.quiz-img img{
    margin-top: 100px;
    margin-left: 30px;
}



/* Interactive Quiz CSS End */


/* Advertisement Options CSS Start */



.advertisement-options{
    position: relative;
    margin-bottom: 100px
}

.advertisement-data {
    height: 700px;
}

.advertisement-data h5 {
    font-size: 50px;
    text-transform: uppercase;
    color: #141c86de;
    margin-top: 70px;
    margin-left: 80px;
    /* position: absolute; */
    /* top: 50px; */
    /* left: 80px; */
}

.full-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 100px;
    left: 650px;
    /* right: -445px; */
}

.full-screen img {
    max-width: 250%;
}

.full-screen .ad-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #141c86de;
    border-radius: 15px 0px 0px 15px;
    margin-right: -40px;
}

.full-screen h4 {
    font-size: 25px;
    font-weight: 600;
    color: #ffffff;
    width: 225px;
    padding: 15px 15px;
}

.l-band {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 300px;
    left: 80px;
    /* right: -445px; */
}

.l-band img {
    max-width: 100%;
}

.l-band .ad-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #141c86de;
    border-radius: 0px 15px 15px 0px;
    margin-right: -40px;
}


.l-band h4 {
    font-size: 25px;
    font-weight: 600;
    color: #ffffff;
    width: 160px;
    padding: 15px 20px;
}


.advertorials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 480px;
    left: 700px;
    /* right: -445px; */
}

.advertorials img {
    max-width: 280%;
}

.advertorials .ad-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #141c86de;
    border-radius: 15px 0px 0px 15px;
    margin-right: -40px;
}

.advertorials h4 {
    font-size: 25px;
    font-weight: 600;
    color: #ffffff;
    width: 200px;
    padding: 15px 20px;
}

/* Advertisement Options CSS End */





/* Screens CSS Start */


.screens {
    /* background-color: #dddddd; */
    width: 100%;
    /* padding: 80px 40px; */
}


  /* .screens .container .side-info {
    display: flex;
    align-items: center;
  } */


  /* .slide {
    margin: 20px;
    border: 5px solid #ddd;
    padding: 15px;
} */

.slide img {
    height: 129px;
    width: 100%;
}
  
.screens .container .side-info h4 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 40px;
    color: #141c86de;
    text-align: end;
    /* margin-left: 100px; */
}
.screens .container .swiper {
    width: 100%;
    height: 400px;
    /* margin-left: 50px; */
}
  
  .screens .swiper-pagination-bullet,
  .swiper-pagination-bullet-active {
    background: #fff;
  }
  
  .swiper-pagination {
    position: absolute;
    bottom: 10px; 
    left: 50%; 
    -webkit-transform: translateX(-50%); 
        -ms-transform: translateX(-50%); 
            transform: translateX(-50%);
}



  .screens .swiper-slide {
    width: 100%;
    height: 400px;
  }
  
  .screens .swiper-slide img {
    max-width: unset;
    width: 350px !important;
    border:5px solid #fafafa;
    /* border-radius: 10px; */
    /* margin-right: 20px; */
    height: 400px;
    background: #0009;
    border-radius: 20px;
    /* padding:5px; */
}
  

  .screens .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 50px;
    bottom: 10px;
    width: 100%;
}

/* Screens CSS End */



/* BTL Activity CSS Start */

.btl-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #dddddd;
    padding: 100px 0;
}


.btl-content .btl-img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    position: relative;
}


img.btl-one {
    height: 300px;
    width: 300px;
    border: 5px solid #141c86de;
    margin-left: 200px;
}


img.btl-two {
    height: 300px;
    width: 300px;
    border: 5px solid #141c86de;
    margin-top: -80px;
    margin-left: -25px;
    /* margin-right: 192px; */
    /* margin-bottom: 163px; */
}

.btl-text {
    width: 60%;
    padding: 50px 100px;
}

.btl-content .btl-text h4 {
    font-size: 30px;
    text-transform: capitalize;
    padding: 10px 0px;
    color: #141c86de;
}

.btl-content .btl-text p {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}



/* BTL Activity CSS End */




/* Happy Clients CSS Start */

/* 
.happy-clients {
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.happy-clients h5{
    font-size: 45px;
    text-align: center;
    margin-bottom: 50px;
} */


/* .happy-clients .marquee {
    animation: marquee 25s linear infinite; 
    padding: 80px 0px;
  }
  
  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  } 

.happy-clients-data img{
    height: 150px;
    width: 200px;
} */



  
/* Happy Clients CSS End */




/* Excellence CSS Start */



.excellence-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0;
}

.excellence-data {
    padding: 30px 60px;
}


.excellence-data h5 {
    font-size: 45px;
    color: #000000;
    padding: 20px 0px;
}

.excellence-data p {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    width: 80%;
    text-align: justify;
}


.excellence-img {
    margin-right: 40px;
}


/* Excellence CSS End */



/* Local Train CSS Start */


.scroll-container {
    width: 100%;
    overflow: hidden;
    /* display: flex; */
}

.scroll-image {
    width: 100%;
    white-space: no-wrap;
    -webkit-animation: scroll 20s linear infinite;
            animation: scroll 20s linear infinite;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}


/* Local Train CSS End */









/* Map CSS Start */

.map_heading {
    text-align: end;
    padding-top: 15px;
    padding-right: 20px;
}
.home-map {
    width: 100%;
    /* padding: 100px 0; */
/*    padding-top: 35px;*/
   
    position: relative;
}

.home-map .map_data .mumbai {
    color: #f67f20;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 18%;
    display: flex;
    border-radius: 12px;
    padding: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.home-map .map_data .kolkata {
    color: #8f1565;
}

.home-map .map_data .bengaluru {
    color: #0153a2;
}

.home-map .map_data .chennai {
    color: #569978;
}

.home-map .map_data .lucknow {
    color: #b01400;
}


.home-map  .city-data-row .test .city_data {
    margin-right: -60px !important;
}

/* .home-map .col-6.col-lg-5.kolkata-data{
    margin-left: -60px;
} */

.city_data {
    /* text-align: right; */
    display: flex;
    padding: 0px 10px;
    /* border-bottom: 3px solid #ddd; */
    flex-direction: column;
    align-items: flex-end;
}

.kharagpur {
    border-bottom: unset;
}
.map_heading h4 {
    font-size: 50px;
    font-weight: 700;
    margin: 0px;
    line-height: 42px;
}

.city_data ul>li {
    color: #fff;
    font-size: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    line-height: 35px;
}

.city_data ul {
    list-style: none;
    text-align: right;
}

.city_data h5 {
    color: #f9a32f;
    font-size: 30px;
    font-weight: 600;
}

/*section.home-map2 {
    padding: 35px 0px;
}*/

.city_data p {
    color: #459fcf;
    font-size: 25px;
    font-weight: 600;
}
.map_side_data {
    padding: 25px 60px;
/*    background-color: #004c9e;*/
    background-color:#2c63ae;
    border-radius: 40px;
}   



.city_data2 {
    margin: 35px 0px;
}



@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


.city_data2 p {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}

.home-map .map_data .city-data-row{
    display: flex;
    justify-content: flex-end;
}
.side_head h6 {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    padding: 19px 0px;
    border-bottom: 1px solid #fff;
}

.city_data2 h6 {
    background: #fff;
    width: auto;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 22px;
    max-width: fit-content;
}

/* .map_img {
    z-index: 0;
    position: relative;
    width: 100%;
    margin-top: -200px;
} */
.map_img {
    /* position: absolute; */
    width: 52%;
    /* top: -10%; */
    margin-top: -120px;
}
.home-map2 .custom2{
       display: flex;
    flex-direction: column;
    justify-content: center;
/*    align-items: center; */
}

.bengaluru .map_img {
    position: relative;
    width: 42%;
    top: 20px;
}


.map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* background-color: #141c86de; */
/*    background-image: url(../images/background/pattern.jpg);*/
    padding: 20px 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 100%;
    /* top: -15px; */
    position: relative;
}
.map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    /* width: 200%;  */
    height: 100%;
    background: inherit; /* Inherit the background from the parent */
    animation: slide 30s linear infinite; /* Adjust timing as needed */
  }
  
  @keyframes slide {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
  }

.map_data {
    width: 65%;
    padding: 0px 20px;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
}

/* .map img {
    width: 100%;
    position: absolute;
    bottom: -330px;
} */


.map-marker{
    position: absolute;
    bottom: 0px;
    left: 0px;

}


.home-map.mumbai.kolkata .middle_line {
    background: #101010;
    height: 185px;
    width: 70%;
    left: 30%;
    top: 45%;
    z-index: -1;
    position: absolute;
}

/* Map CSS End */



/* Advertisement CSS Start  */

/* .advertisement {
   
    padding: 100px 0;
}


.advertisement-content  h5{
    font-size: 40px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center;
}


.advertisement-options {
    display: flex;
    gap: 20px;
    border-top: 10px solid #000000;
    padding: 80px 30px 0px 30px;
}



.advertisement-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}


.advertisement-card::before {
    content: "";
    position: absolute;
    top: -84px;
    left: 210px;
    width: 100%;
    height: 100px;
    z-index: -1;
    border-left: 2px solid #000000;
}

.advertisement-card h4 {
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
    background-color: #dddddd;
    width: 200px;
    padding: 20px 10px;
    border-radius: 20px;
} */





/* Advertisement CSS End   */





/* Our Dominace CSS Start */


/* .dominance {
    width: 100%;
    padding: 100px 0px;
    background-color: #dddddd;
}


.dominance-content h4 {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    margin-bottom: 50px;
}

.dominance-details {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .dominance-card {
    position: relative;
    width: 350px;
    height: 300px;
    margin: 20px;
    overflow: hidden;
    border-radius: 15px;
}
  
  .dominance-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .dominance-card:hover .overlay {
    opacity: 1;
  }
  
  .dominance-card .title {
    color: white;
    font-size: 20px; 
    text-align: center;
    margin: 0;
  }
  
  .dominance-card .card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
   */



/* Our Dominace CSS End */




/* Dominance CSS Start */

.img-responsive {
    width: 100% !important;
    height: 250px !important;
  }  
  
  .item-details {
    width: 100% !important;
    height: 80px !important ;  
  }
  
.dominance-screens {
    background-color: #f6f6f6;
    position: relative;
    /* padding-top: 80px; */
    padding: 39px 0px;
}

  /* .dominance-screens:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30%;
    /* background-color: #f33f02; 
  }  */


  /* .dominance-screens h4{
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    margin-bottom: 50px;
  } */


  #dominance-cards .item-details {
    background-color: #333333;
    color: #fff;
    padding: 20px 10px;
    text-align: left;
  }


  #dominance-cards .item-details h5 {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}




  #dominance-cards .item {
    text-align: center;
    margin-bottom: 80px;
  }
  
  .owl-carousel .owl-nav [class*=owl-] {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  
  .owl-carousel .owl-nav [class*=owl-].disabled:hover {
    background-color: #D6D6D6;
  }
  
  .owl-carousel {
    position: relative;
  }
  
  .owl-carousel .owl-next,
  .owl-carousel .owl-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
  }
  
  .owl-carousel .owl-prev {
    left: -70px;
  }
  
  .owl-carousel .owl-next {
    right: -70px;
  }
  
  .dominance-screens h6 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    color: #333333;
    margin-top: -60px;
    margin-bottom: 50px;
}

/* Dominance CSS End */




/* Counter CSS Start */

.counter-section {
    background: #cccccc;
    padding: 50px 0px;
    height: 850px;
    /* padding: 47px 20px; */
}

.counter-section .counter_heading{
    padding-top: 150px;
}



.counter-section h4 {
    font-size: 40px;
    line-height: 55px;
    color: #141c86de;
    font-weight: 600;
    margin-bottom: 30px;
}

.counter_heading p {
    font-size: 20px;
}

.counter {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* padding: 30px 0px; */
    width: 100%;
    
}

span.resonates {
    color: #3ea7d6;
    font-size: 64px;
}

.counter .item {
    background: #fff;
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    padding: 17px 15px;
    margin-bottom: 8px;
    border: 2px solid #f9a42f;
    text-align: center;
    /* border-radius: 4px; */
    -webkit-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.counter .item .count {
    color: #f9a42f;
    /* margin-bottom: 5px; */
    margin: 0px;
    font-size: 45px;
    font-weight: bold;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.counter-section .row{display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;}

    .counter .item h3 {
        color: #141c86de;
        text-transform: capitalize;
        font-size: 22px;
        font-weight: 600;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        margin-left: 85px;
        margin-top: -5px;
    }

.counter .item p {
    font-size: 18px;
    font-weight: 600;
    color: #141c86de;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-left: -70px;
    margin-top: -3px;
}

  .counter .fa-user-group {
    color: #141c86de;
    font-size: 30px;
    margin-bottom: 10px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-left: -160px;
    margin-top: 10px;
}

.counter .item h2 {
    color: #141c86de;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 500;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-left: 138px;
    margin-top: -5px;
}

.counter-section .counter-data {
    position: relative;
}

.counter-section .counter-data .one {
    position: absolute;
    top: 17px;
    left: 65px;
}

.counter-section .counter-data .two {
    position: absolute;
    top: -153px;
    left: -98px;
}

.counter-section .counter-data .three {
    position: absolute;
    top: 15px;
    left: 405px;
}

.counter-section .counter-data .four {
    position: absolute;
    top: 183px;
    right: 97px;
}

/* Counter CSS End */






/* Advertisement CSS Start */

.advertisement-section {
    padding: 20px 0px !important;
}


.advertisement-section .container_sec {
    /* max-width: 980px; */
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto;
    height: 100%;
    /* background:#0003; */
    -webkit-transform: perspective(60px);
            transform: perspective(60px);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.product-card {
    padding-top: 80px;
}


.advertisement-section .product-card img {
    width: 322px !important;
    max-width: unset;
    height: 250px;
}


.advertisement-section .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* background-color: #6a93cb;
    background-image: linear-gradient(315deg, #6a93cb 0%, #a4bfef 74%); */
}



.ad_option_head h4 {
    /* margin-right: 0px; */
    /* background: #000; */
    color: #141c86de !important;
    padding: 20px 0px;
        margin-left: 80px;
    /* background: #000; */
    width: 100%;

}

.advertisement-section .product-card:nth-child(1) {
	 -webkit-transform: translate3d(0, 0, -25px);
	         transform: translate3d(0, 0, -25px);
	 -webkit-animation-name: rotate-left;
	         animation-name: rotate-left;
	 -webkit-animation-duration: 14s;
	         animation-duration: 14s;
	 -webkit-animation-iteration-count: infinite;
	         animation-iteration-count: infinite;
	 -webkit-animation-delay: 0.5s;
	         animation-delay: 0.5s;
	 -webkit-animation-timing-function: ease-in-out;
	         animation-timing-function: ease-in-out;
	 /* filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
}

.advertisement-section .product-card:nth-child(2) {
	 -webkit-transform: translate3d(0, 0, 15px);
	         transform: translate3d(0, 0, 15px);
	 -webkit-animation-name: rotate-center;
	         animation-name: rotate-center;
	 -webkit-animation-duration: 14s;
	         animation-duration: 14s;
	 -webkit-animation-iteration-count: infinite;
	         animation-iteration-count: infinite;
	 -webkit-animation-delay: 0.5s;
	         animation-delay: 0.5s;
	 -webkit-animation-timing-function: ease-in-out;
	         animation-timing-function: ease-in-out;
	 /* filter: drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
}


.advertisement-section .product-card:nth-child(3) {
	 -webkit-transform: translate3d(0, 0, -25px);
	         transform: translate3d(0, 0, -25px);
	 -webkit-animation-name: rotate-right;
	         animation-name: rotate-right;
	 -webkit-animation-duration: 14s;
	         animation-duration: 14s;
	 -webkit-animation-iteration-count: infinite;
	         animation-iteration-count: infinite;
	 -webkit-animation-delay: 0.5s;
	         animation-delay: 0.5s;
	 -webkit-animation-timing-function: ease-in-out;
	         animation-timing-function: ease-in-out;
	 /* filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
}
 @-webkit-keyframes rotate-left {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, -25px);
		         transform: translate3d(0, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(100%, 0, 15px);
		         transform: translate3d(100%, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(200%, 0, -25px);
		         transform: translate3d(200%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
}
 @keyframes rotate-left {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, -25px);
		         transform: translate3d(0, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(100%, 0, 15px);
		         transform: translate3d(100%, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(200%, 0, -25px);
		         transform: translate3d(200%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
}
 @-webkit-keyframes rotate-center {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, 15px);
		         transform: translate3d(0, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(100%, 0, -25px);
		         transform: translate3d(100%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(-100%, 0, -25px);
		         transform: translate3d(-100%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
}
 @keyframes rotate-center {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, 15px);
		         transform: translate3d(0, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(100%, 0, -25px);
		         transform: translate3d(100%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(-100%, 0, -25px);
		         transform: translate3d(-100%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
}
 @-webkit-keyframes rotate-right {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, -25px);
		         transform: translate3d(0, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(-200%, 0, -25px);
		         transform: translate3d(-200%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(-100%, 0, 15px);
		         transform: translate3d(-100%, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
}
 @keyframes rotate-right {
	 0%, 100% {
		 -webkit-transform: translate3d(0, 0, -25px);
		         transform: translate3d(0, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 33.33% {
		 -webkit-transform: translate3d(-200%, 0, -25px);
		         transform: translate3d(-200%, 0, -25px);
		 /* filter: blur(0.8px) drop-shadow(4px 4px 4px rgba(0, 0, 0, .2)); */
	}
	 66.66% {
		 -webkit-transform: translate3d(-100%, 0, 15px);
		         transform: translate3d(-100%, 0, 15px);
		 /* filter: blur(0) drop-shadow(4px 10px 10px rgba(0, 0, 0, .6)); */
	}
}

 


.advertisement-section h4 {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    color: #141c86de;
    text-transform: uppercase;
    /* margin-left: 65px; */
}



.product-card {
/*    background: #000000ad;*/
    padding: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 23px;
    color: #fff !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.advertisement-section .product-card h4{
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    color: #141c86de;
    margin-top: 20px;
}

/* Advertisement CSS End */




/* Happy Clients CSS Start */


.happy-clients {
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

.happy-clients h2{
    color: #141c86de;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 80px;
}
  
  .slick-slide {
      margin: 0px 20px;
  }
  
  .slick-slide img {
      width: 100%;
  }
  
  .slick-slider
  {
      position: relative;
      display: block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
              user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
      display: block;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
.slick-slide img {
    height: 100px;
    display: block;
}
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
      height: auto;
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }


  .happy-clients .slider{
    height: 40vh;
  }


  .happy-clients .page-loaded .slider {
    -webkit-filter: unset;
            filter: unset;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
}



/* Happy Clients CSS End */


/* meraj css */
.why_choose_us_img img {
    width: 90%;
}

.why_para {
    padding: 6px 4px;
    border-bottom: 1px dashed;
    margin: 2px 0px;
}


.why_choose_us_img {
    width: 100%;
}

.left_side_data {
position: relative;
}

.main_heading {
    text-align: center;
    margin: 9px 0px 45px 0px;
}
.why_choose_us_content {
    width: 100%;
    margin: auto;
}


.number_for_show {
    position: absolute;
    background: #ee4423ba;
    top: 50%;
    border-radius: 30px 0px 30px 0px;
    width: 18%;
    left: 90%;
    height: 95%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.value {
    padding: 21px 0px 0px 0px;
    width: 50%;
    border-bottom: 4px solid #fff;
    margin: 0px 0px 20px 30px;
}
.value p {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
}


.why_para {
    padding: 4px 4px;
    border-bottom: 2px dashed;
    margin: 0px 0px;
}

section.why_choose_us {
    /* background: #dddddd47; */
    padding: 41px 0px;
    margin-top: 45px;
}

.b_cards i {
    color: #dddddd;
    background: #fff;
    width: 30%;
    font-weight: 900;
    margin: auto;
    font-size: 28px;
    border-radius: 33% 66% 70% 30% / 49% 62% 38% 51% !important;
    padding: 13px;
}

.why_para h3 {
    font-weight: 700;
    color: #ee4423;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.main_heading h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
}

.why_para p {
    font-size: 16px;
}

.dominance_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.heading_dom h4 {
    font-size: 44px;
}

.d_img img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.d_img img:hover{
    transform: scale(1.05);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2);
}

.heading_dom {
    width: 60%;
}

.dominance-screens .link {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    /* background: #72a0d1; */
    /* border: 1px solid #000; */
    width: 44%;
    color: #000;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px 10px;
    margin-top: 5px;
    -webkit-box-shadow: 3px 4px 7px #9383834d;
            box-shadow: 3px 4px 7px #9383834d;
    /* border-radius: 60px; */
    font-size: 29px;
    font-weight: 600;
    /* letter-spacing: 3px; */
    text-wrap: nowrap;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.dominance_hea h4 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
}

.dominance_hea {
    position: absolute;
    background: #000;
    top: 15%;
    border-radius: 6px;
    left: 3%;
    color: #fff;
    z-index: 1;
    padding: 16px 5px;

}
  .dominance-screens #image-container {
    width: 35%;
    height: 600px;
    position: absolute;
    top: 55%;
    left: 35%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 5px;
    overflow: hidden;
    z-index: 0  ;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}


    .dominance-screens .image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        position: absolute;
        border:5px solid #ddd;
        opacity: 0;
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }
    .dominance-screens .image:nth-child(1) {
        opacity: 1;
    }
    .dominance-screens .link:hover {
        z-index: 10;
        -webkit-transform: translatex(10%);
            -ms-transform: translatex(10%);
                transform: translatex(10%);
    }
    .dominance-screens .link:nth-child(1):hover ~ #image-container .image:nth-child(1),
    .dominance-screens .link:nth-child(2):hover ~ #image-container .image:nth-child(2),
    .dominance-screens .link:nth-child(3):hover ~ #image-container .image:nth-child(3),
    .dominance-screens .link:nth-child(4):hover ~ #image-container .image:nth-child(4),
    .dominance-screens .link:nth-child(5):hover ~ #image-container .image:nth-child(5),
    .dominance-screens .link:nth-child(6):hover ~ #image-container .image:nth-child(6),
    .dominance-screens .link:nth-child(7):hover ~ #image-container .image:nth-child(7),
    .dominance-screens .link:nth-child(8):hover ~ #image-container .image:nth-child(8),
    .dominance-screens .link:nth-child(9):hover ~ #image-container .image:nth-child(9),
    .dominance-screens .link:nth-child(10):hover ~ #image-container .image:nth-child(10) {
        opacity: 1;
        border:5px solid #ddd;
        -webkit-transform: scale(120%);
            -ms-transform: scale(120%);
                transform: scale(120%);
    }
    

  #container {
    width: 100%;
    min-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #container::-webkit-scrollbar {
    display: none;
  }




  :root {
    --transition: opacity 200ms ease, transform 500ms ease;
  }



  .gear-rotate {
    width: 2em;
    height: 2em;
    top: 28%;
    left: 45%;
    margin-top: -1em;
    margin-left: -1em;
    background: #E9E581;
    position: absolute;
    border-radius: 1em;
    -webkit-animation: 1s gear-rotate linear infinite;
    animation: 1s gear-rotate linear infinite;
}


.gear-rotate-left {
    margin-top: -2.2em;
    top: 26%;
    left: 42%;
    width: 2em;
    height: 2em;
    background: #E9E581;
    position: absolute;
    border-radius: 1em;
    -webkit-animation: 1s gear-rotate-left linear infinite;
    animation: 1s gear-rotate-left linear infinite;
}

.gear-rotate::before, .gear-rotate-left::before {
    width: 2.8em;
    height: 2.8em;
    background: 
    -o-linear-gradient(0deg,transparent 39%,#E9E581 39%,#E9E581 61%, transparent 61%),
    -o-linear-gradient(60deg,transparent 42%,#E9E581 42%,#E9E581 58%, transparent 58%),
    -o-linear-gradient(120deg,transparent 42%,#47EC19 42%,#E9E581 58%, transparent 58%);
    background: 
      -o-linear-gradient(bottom,transparent 39%,#E9E581 39%,#E9E581 61%, transparent 61%),
    -o-linear-gradient(30deg,transparent 42%,#E9E581 42%,#E9E581 58%, transparent 58%),
    -o-linear-gradient(330deg,transparent 42%,#E9E581 42%,#E9E581 58%, transparent 58%);
    background: 
      linear-gradient(0deg,transparent 39%,#E9E581 39%,#E9E581 61%, transparent 61%),
    linear-gradient(60deg,transparent 42%,#E9E581 42%,#E9E581 58%, transparent 58%),
    linear-gradient(120deg,transparent 42%,#E9E581 42%,#E9E581 58%, transparent 58%);
    position: absolute;
    content:"";
    top: -.4em;
    left: -.4em;
    border-radius:1.4em;
}
.gear-rotate::after, .gear-rotate-left::after {
    width: 1em;
    height: 1em;
    background: #2B2B2B;
    position: absolute;
    content:"";
    top: .5em;
    left: .5em;
    border-radius: .5em;
}

/*
 * Keyframe Animations 
 */ 

@-webkit-keyframes gear-rotate {
  0% { 
    -webkit-transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(-180deg); 
  }
}

@keyframes gear-rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg); 
  }
  100% { 
    -webkit-transform: rotate(-180deg); 
            transform: rotate(-180deg); 
  }
}

@-webkit-keyframes gear-rotate-left {
 0% {
   -webkit-transform: rotate(30deg); 
  }
  100% {
    -webkit-transform: rotate(210deg);
  }
}

@keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}





/* About Us New CSS Start */

.about-us {
    padding: 70px 0;
}

.about-content-left h4{
    font-size: 30px;
    font-weight: 600;
    color: #141c86de;
    text-align: justify;
}

.about-content-left p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    text-align: justify;
    padding: 15px 15px 0px 0px;
}



.about-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.about-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 15px 0px 15px;
}

.about-content p{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    text-align: justify;
    padding: 15px 0px 0px 0px;
}



.mission_vision {
    padding: 40px 0px;
}


.mission_vision .main_heading {
    text-align: center;
    margin: unset;
}


.mission_vision .fa-angles-right{
    font-size: 35px;
    color: #141c86de;
}

.mission_vision .main_heading h1 {
    font-size: 45px;
    color: #141c86de;
    font-weight: 600;
}

.ver_line {
    position: relative;
}

span.ver_line i {
    position: absolute;
    bottom: 46px;
    font-size: 26px;
    right: 42px;
    color: #cb0b0b;
}

.ver_line::after {
    content: "";
    position: absolute;
    bottom: 11px;
    left: 0px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 2px;
    background: #ddd;
    height: 95px;
}

.icon2 {
    border: 1px solid #ddd;
    width: 70%;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 10px 0px;
}

.be_line::before {
    content: "";
    position: absolute;
    bottom: 67px;
    left: 33px;
    width: 3%;
    background: #ddd;
    height: 80px;
}

.icon2::after {
    content: "";
    position: absolute;
    top: 65px;
    left: 33px;
    width: 3%;
    background: #ddd;
    height: 100px;
}

.icon2 i {
    background: #234495;
    color: #fff;
    padding: 15px;
    margin: 0px;
}

.text_content {
    text-align: justify;
}

.icon2 .sec {
    background: #8BC34A;
}

.ms_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* text-align: center; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 60px 2px;
}

.ms_img img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    /* text-align: center; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* border-radius: 20px; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.ms_img::after {
    content: "";
    padding: 41px;
    /* width: 87%; */
    right: 24px;
    border-bottom: 30px solid #e2000f;
    height: 88%;
    top: 29px;
    position: absolute;
    border-top: 30px solid #e2000f;
    z-index: 1;
    border-right: 30px solid #e2000f;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}


/* Why Choose Us New CSS Start */

/*.why_choose_us_sec {
    background-color: #f6f6f6;
}
*/


.why_choose_us_sec .why-us-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}


.why_choose_us_sec .why-us-heading .why-us-icon {
    height: 70px;
    margin-right: 5px;
    border-radius: 10px;
    border: 3px solid #000000;
}

.why_choose_us_sec .why-us-heading h4{
    font-size: 22px;
    font-weight: 600;
    color: #2c63ae;
}

.why_choose_us_sec p {
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    padding: 4px 0px 12px 0px;
}

.inner{
    position:relative;
}


.row.mgup_choose{
    margin-top:40px;
}
/*.menu {
    position: absolute;
    top: -120px;
    width: 100%;
}*/
.why_choose_us_sec .why-us-top{
    margin-top: 60px;
}

.why_choose_us_sec .why_choose_us_icon{
    height: 230px;
    position: relative;
}





.nav_left .col-lg-4{
    padding: 0px;
}

/*nav.site-navigation .inner ul>li>a:hover {
    padding: 0px 2px;
    background: #fff;
    color: #000 !important;
}*/



.why_choose_us_sec .why_choose_us_icon img {
    position: absolute;
    top: 66%;
    border-radius: 130px !important;
    width: 236px !important;
    right: 20%;
/*    background: #3d3d52;*/
    height: 236px !important;
}

.nav_text {
    /* width: 541px; */
    transform: rotate(-90deg);
    padding: 0px 0px 0px 35px;
}


.c_data i {
    background: #fff;
    color: #000;
    border-radius: 26px;
    padding: 0px;
    border: 5px solid #fff;
}

.nav_data .row{
    align-items:end;

}

.c_data a {
    font-size: 15px;
    font-weight: 600;
/*    font-family: 'Font Awesome 5 Pro';*/
/*    font-style: italic;*/
}

.nav_img_text p {
    color: #fff;
}

.nav_img img{
    border-radius:50%;
}


.social_icons {
    /* display: flex; */
    color: #fff;

}

.social_icon {
    /* background: bisque; */
    padding: 4px 0px;
}

.social_icon i {
    font-size: 18px;
    height: 30px;
    padding: 4px;
    border: 3px solid #dccdcd;
    width: 30px;
    color: #000;
    background: #fff;
    text-align: center;
    border-radius: 16px;
}

.nav_img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.nav_data {
/*    background: #dddddd40;*/
/*    padding: 21px;*/
/*    border-radius: 100%;*/
    position:relative;
    top:-100px;
}

.c_data {
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
}
.nav_data::after{
    left:0px;
    position:absolute;
    top:0px;
    content:'';
    width:550px;
    height:550px;
    background:#dddddd40;
    border-radius: 50%;
    z-index:-1;
}

.c_data h5 {
    font-size: 22px;
    margin: 7px 0px 0px;
}
.menu {
    /* padding-top: 120px; */
    position: absolute;
    top: -170px;
}

  .nav_img_text .row  {
    align-items: baseline;
  }
/* Why Choose Us New CSS End */

/*.nav_data {
    display: flex;
    justify-content: space-between;
}*/
.nav_text h5 {
    font-size: 55px;
    color: #fff;
    text-transform: uppercase;
}

.nav_text h2{
    color: #fff;
}
/*    transform: rotate(-90deg);*/
.nav_text h6 {
    color:#fff;
  
     text-transform: uppercase;
     font-size:18px;
}

/* Broadcasting Solutions CSS Start */



.broadcasting_solutions_sec {
    padding: 80px 0;
}
.text .mbbs{
    margin-bottom:100px;
}

.broadcasting_solutions_sec .broadcasting_solutions_content h4 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #141c86de;
}

.broadcasting_solutions_sec .broadcasting_solutions_content .broadcasting_options h2{
    font-size: 20px;
    color: #141c86de;
    font-weight: 600;
}

.broadcasting_solutions_sec .broadcasting_solutions_content .broadcasting_options p{
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    text-align:  justify;
}


.broadcasting_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    /* padding: 0px 30px 0px 0px;
    margin-top: 35px;
    margin-left: 60px; */
    /* position: relative; */
}





.broadcasting_solutions_sec .broadcasting_solutions_content .broadcasting_options .broadcast_number h2 {
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    background-color: #141c86de;
    height: 50px;
    width: 50px;
    border-radius: 8px;
    padding-top: 8px;
}

/* .broadcast_number {
    position: absolute;
    top: -35px;
    left: -60px;
} */

/* Broadcasting Solutions CSS End */



.counter_sec .counter-content {
    /* display: flex; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* background-color: #47a3d0; */
    /* padding: 50px 50px; */
}

section.counter_sec {
    color: #fff;
}


.counter_sec {
    background: #2c63ae;
}

.counter_sec .counter-content .counter_data {
    /* height: 220px; */
    width: 100%;
    border-radius: 5px;
    /* background-color: #ffffff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* border-top: 5px solid #f9a22e; */
}

.counter_sec .counter-content .counter_data img{
    height: 50px;
    margin-top: 15px;
}


.counter_sec .counter-content .counter_data p {
    margin-top: 15px;
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
}


.counter_sec .counter-content .counter_data h1 {
    margin-top: 15px;
    font-size: 50px;
    font-weight: 600;
    color: #ffffff;
}


.counter_sec .counter-content .counter_data h3 {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

.counter-content .even{
/*    background-color: #141c86de;*/
    padding:30px 0px;
}

    .counter-content .odd {
/*    background-color: #141c86de;*/
    padding: 30px 00px;
}
.counter-content .fa-user {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
}


.counter-content .fa-tv{
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
}


.counter-content .fa-solid.fa-users{
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
}


/* Testimonials CSS Start */


.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 50px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}
/* .white-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
} */

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}
/*-----Testimonial-------*/

/* .testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
} */


/* Testimonials CSS End */




.testimonials_sec {
    background: #eee;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 80px 0px;
}




.testimonials_sec .swiper {
    width: 85%;
    height: 100%;
    border-radius: 20px;
}

  .testimonials_sec .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .testimonials_sec .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }


  .client_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: justify;
    margin-top: 60px;
    margin-left: 10px;
    gap: 20px;
}

.testimonials_sec .client_details .client_img img {
    height: 85px;
    width: 85px;
    border-radius: 50%;
    border: 1px solid #000000;
}


.testimonials-content .testimonial_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 450px;
    /* width: 400px; */
    position: relative;
}

.testimonials-content .testimonial_img h4{
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.testimonial-text {
    background-color: #f9a32f;
    height: 250px;
    width: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: justify;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 30px;
}

.testimonial-text p {
    font-size: 20px;
    font-weight: 500;
}


.testimonials-content {
    padding: 40px 50px;
}


.client_details .client_name h1{
    font-size: 25px;
    font-weight: 600;
    color: #000000;
}


.client_details .client_name p{
    font-size: 15px;
    font-weight: 600;
    color: #000000;
}


.testimonials_sec .swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 10%);
    right: 10px;
    font-weight: bolder;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}


.testimonials_sec .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 10%);
    left: 1060px;
    font-weight: bolder;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}










.e-card {
    /* margin: 100px auto; */
    background: transparent;
    -webkit-box-shadow: 0px 8px 28px -9px rgba(0,0,0,0.45);
            box-shadow: 0px 8px 28px -9px rgba(0,0,0,0.45);
    position: relative;
    /* width: 240px; */
    height: 330px;
    border-radius: 16px;
    overflow: hidden;
  }
  
  .wave {
    position: absolute;
    width: 540px;
    height: 700px;
    opacity: 0.6;
    left: 0;
    top: 0;
    margin-left: -50%;
    margin-top: -70%;
    background: -o-linear-gradient(66deg,#af40ff,#5b42f3 60%,#00ddeb);
    background: linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb);
  }
  
  .icon {
    width: 3em;
    margin-top: -1em;
    padding-bottom: 1em;
  }
  
  .infotop {
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 5.6em;
    left: 0;
    right: 0;
    color: rgb(255, 255, 255);
    font-weight: 600;
  }
  
  .infotop img{
    width: 75px;
  }
  .name {
    font-size: 14px;
    font-weight: 100;
    position: relative;
    top: 1em;
    text-transform: lowercase;
  }
  
  .wave:nth-child(2),
  .wave:nth-child(3) {
    top: 210px;
  }
  
  .playing .wave {
    border-radius: 40%;
    -webkit-animation: wave 3000ms infinite linear;
            animation: wave 3000ms infinite linear;
  }
  
  .wave {
    border-radius: 40%;
    -webkit-animation: wave 55s infinite linear;
            animation: wave 55s infinite linear;
  }
  
  .playing .wave:nth-child(2) {
    -webkit-animation-duration: 4000ms;
            animation-duration: 4000ms;
  }
  
  .wave:nth-child(2) {
    -webkit-animation-duration: 50s;
            animation-duration: 50s;
  }
  
  .playing .wave:nth-child(3) {
    -webkit-animation-duration: 5000ms;
            animation-duration: 5000ms;
  }
  
  .wave:nth-child(3) {
    -webkit-animation-duration: 45s;
            animation-duration: 45s;
  }
  
  @-webkit-keyframes wave {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes wave {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }

  


  .areas__sec .expertise_content {
    /* width: 300px;
    height: 450px; */
    position: relative;
}

.areas_expertise_sec .col{
    padding: 0px;
}

.areas_expertise_sec .expertise_content .content-overlay {
    background: rgb(0 0 0 / 51%);
    position: absolute;
    height: 320px;
    /* width: 225px; */
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}



  .areas_expertise_sec .expertise_content:hover .content-overlay{
    opacity: 1;
  }


  .areas_expertise_sec .expertise_content .expertise_text h3 {
    font-size: 22px;
    color: #dddddd;
    font-weight: 600;
}

.areas_expertise_sec .expertise_content .expertise_text p {
    font-size: 16px;
    color: #dddddd;
    font-weight: 400;
}

  .areas_expertise_sec .expertise_content .expertise_text {
    /* background: rgba(0,0,0,0.7); */
    position: absolute;
    bottom: 50px;
    left: 15px;
    opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}



.areas_expertise_sec .expertise_content:hover .expertise_text{
    /* top: 50%;
    left: 50%; */
    opacity: 1;
  }




  .benifits {
    width: 100%;
    height: 500px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, -0.4)), url(../images/background/adv-train.png) center/cover no-repeat;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-attachment: fixed;
    justify-content: center;
}

.benifits .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.benifits_img {
    position: relative;
    max-width: 800px;
    width: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    animation: slideInUp 1.5s ease-out;
}

.benifits_img h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffd700;
    display: inline-block;
}

.benifits_img p {
    font-size: 18px;
    color: #e0e0e0;
    line-height: 1.6;
    margin: 0;
    opacity: 0;
    animation: fadeIn 2s forwards;
}


@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(0deg);
    }
    to {
        opacity: 1;
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .benifits_img {
        padding: 15px;
    }

    .benifits_img h2 {
        font-size: 28px;
    }

    .benifits_img p {
        font-size: 16px;
    }

    .benifits_img::before, .benifits_img::after {
        font-size: 14px;
        padding: 5px 10px;
    }
}


.b_cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* gap: 14px; */
    margin: 20px 9px;

    text-align: center;
    /* padding: 17px 0px; */
    /* justify-content: center; */
    /* align-items: center; */
}
.b_cards svg {
    width: 65px;
    background: #fff;
    margin: auto;
    border-radius: 33% 66% 70% 30% / 49% 62% 38% 51% !important;
    padding: 0px 15px;
    font-size: -9px;
    height: 60px;
}

.b_cards h5 {
    font-size: 18px;
    line-height: 26px;
}

section.benifits .col-lg-7 {
    padding: 0px;
}


.benifits_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 620px;
    position: absolute;
    left: -226px;
    top: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #141c86de;
    padding: 0px 45px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}



.b_cards h5 {
    color: #fff;
}

section.benifits {
    position: relative;
    margin-top: 86px;
}

.st0 {
    fill: none;
    stroke: #000;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}




.heading_benifits h4 {
    text-align: center;
}


.fa-eye:before {
    color: #000000;
    content: "\f06e";
}


.benifits_content .fa-group:before, .fa-users:before {
    content: "\f0c0";
    color: #000000;
}


.fa-podcast:before {
    content: "\f2ce";
    color: #000000;
}

.fa-play-circle:before {
    content: "\f144";
    color: #000000;
}


.fa-map-pin:before {
    content: "\f276";
    color: #000000;
}


/*ddis*/



.ddis .nav-link {
    color: #000;
     background-color: unset; 
    width: 40%;
}

.ddis .fade {
    opacity:1;
}

.ddis li.nav-item a {
    margin: auto;
}

.ddis .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #2c63ae;
    border: 2px solid #2c63ae;
    background: #fff;
    border-radius: 50%;
}

.tab-content h2 {
    font-size: 28px;
    font-weight: 800;
}
.ddis .nav>li>a:hover{
    color: #fe4c1c;
    border: 3px solid #fff;
    background:unset;
    border-radius: 50%;
}
.ddis .nav>li>a {
    position: relative;
    font-weight: 900;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    display: block;
    color: #fff;
    margin: 10px 50px 12px;
    border-radius: 50%;
    background: #2c63ae;
    text-align: center;
    font-size: 35px;
    height: 75px;
    width: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

hr.head_bottem_line {
    border-block-width: 2px;
    width: 50%;
    /* padding-top: 0px; */
    border-color: black;
    margin: 9px 0px;
    background: red;
}

.sec-title .inner-brand{
    font-size: 18px;
    padding-top: 12px;
}

section.ddis p {
    text-align: justify;
    font-size: 18px;
    padding-top: 12px;
}

div#myTabContent ul {
    padding: 10px 23px;
}
div#myTabContent li {
    font-size: 18px;
    padding: 8px 0px;
}

.ddis_images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.ddis {
    background-color: #f5f5f5;

/*    padding: 50px 0px;*/
}


/* Base styles for each image card */
.d_img {
    width: 100%;
    padding: 6px;
    margin: 6px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    animation: float 4s ease-in-out infinite;
    z-index: 1; /* Ensure the card is above other content */
}

/* Up and Down Pattern */
.d_img:nth-child(odd) {
    transform: translateY(-10px);
}

.d_img:nth-child(even) {
    transform: translateY(10px);
}

.d_img a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2; /* Ensure the link is above the hover effects */
}

.d_img a img {
    width: 100%;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

/* Creative Hover Effect */
.d_img:hover {
    transform: scale(1.1);
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.3);
    animation: none; /* Stop floating on hover */
    z-index: 3; /* Bring the hovered card above others */
}

.d_img a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
    z-index: 1; /* Ensure the hover color is below the link */
}

/* Unique hover colors and background animations */
.d_img1 a::before {
    background: rgba(255, 152, 0, 0.3); /* Orange */
}

.d_img2 a::before {
    background: rgba(76, 175, 80, 0.3); /* Green */
}

.d_img3 a::before {
    background: rgba(33, 150, 243, 0.3); /* Blue */
}

.d_img4 a::before {
    background: rgba(156, 39, 176, 0.3); /* Purple */
}

.d_img5 a::before {
    background: rgba(244, 67, 54, 0.3); /* Red */
}

.d_img:hover a::before {
    opacity: 1;
}

.d_img a:hover img {
    transform: scale(1.2) rotate(5deg);
    animation: swing 0.5s ease-in-out;
}

/* Keyframe Animations */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes swing {
    0% {
        transform: scale(1) rotate(0deg);
    }
    50% {
        transform: scale(1.1) rotate(5deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

/* Additional hover effects for creative touch */
.d_img:hover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%) scale(1);
    border-radius: 50%;
    animation: ripple 1s ease-out;
    z-index: 0; /* Ensure ripple effect is below the link */
}



.tab-content>.active {
    display: block;
       padding: 5px 14px;
    background: #ffff;
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

div#myTabContent {
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #ffffff;
    padding: 8px;
    height: 460px;
    border-radius: 10px;
    border-bottom: 0px solid #ffffff;
}
.ddis .row {
/* background: #141c86de; */

    padding: 1px 0px;
    width: 100%;
    margin: auto;
}

.ddis .col-md-10{
        padding: 0px;
}

.ddis .col-md-2{
        padding: 0px;
}

.ddis .nav>li>a:focus, .ddis .nav>li>a:hover {
    text-decoration: none;
    background-color: unset;
}

ul#myTab {
    padding-top: 34px;
}

section.ddis h1 {
    text-align: center;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 20px;
}

.page-header {
     margin: 0px !important; 
}

.zoom-effect-container {
    position: relative;
    margin: 0px 0px 40px 0px;
    overflow: hidden;
    border-radius: 6px;
}

.banner_cards img {
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}


.sub_heading {
    background: #dadada;
    -webkit-transition: 0.9s ease;
    -o-transition: 0.9s ease;
    transition: 0.9s ease;
    text-align: center;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
    width: 100%;
    height: 75px;
    margin-top: auto;
    bottom: 0px;
    top: 236px;
    padding: 6px 0px 0px 0px;
}

.sub_heading h5 {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000;
}

.sub_heading h6 {
    font-size: 16px !important;
    color: #000;
    margin-bottom: 7px;
}


.sub_heading p {
    font-size: 16px;
    /* text-align: justify; */
    padding: 10px;
    line-height: 26px;
    color: #Fff;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.fulldetail:hover .sub_heading {
    background: #000000de;
    color: #fff;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    display: block;
    /* text-align: justify; */
    height: 100%;
    padding: 50px 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.zoom-effect-container:hover .sub_heading h5 {
    margin-bottom: 15px;
    color: #fff;
}

.zoom-effect-container:hover .sub_heading h6 {
    margin-bottom: 15px;
    color: #fff;
}


.zoom-effect-container:hover .banner_cards img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.banner_cards{
    border: 3px solid #ddd;

}




section.icon-content-block i {
    font-size: 40px;
    }

    .expertise-heading {
    font-variant: small-caps;
    width: 100%;
    margin: 0px;
    text-align: left;
}



.why {
    /* font-family: 'Fjalla One', sans-serif; */
    line-height: 1.4;
    margin: 0px;
    text-align: center;
/*    font-variant: small-caps !important;*/
    font-size: 42px;
    color: #141c86de;
    padding-bottom: 10px;
    padding-top: 10px;
/*    font-variant: small-caps;*/
    /* letter-spacing: 2px; */
    font-weight: 600;
}


.presence{
        line-height: 1.4;
    margin: 0px;
    font-variant: small-caps !important;
    font-size: 55px;
    color: #000;
    padding-bottom: -10px;
    font-variant: small-caps;
    /* letter-spacing: 2px; */
    font-weight: 600;
}




/* Contact CSS Start */


.contact_form .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
    margin-top: 50px;
}

.contact_form .left-container {
    background-color: #141c86de;
    color: white;
    padding: 80px;
    width: 50%;
}

.contact_form .left-container p{
    font-size: 20px;
    font-weight: 600;
    position: relative;
}





.contact_form .right-container {
    background-color: #f5f5f5;
    padding: 40px;
    width: 50%;
}

.contact_form h1 {
    margin-top: 0;
}

.contact_form .form-group {
    margin-bottom: 15px;
}

.contact_form label {
    display: block;
    margin-bottom: 5px;
}

.contact_form input, textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.contact_form button {
    background-color: #333;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact_form button:hover {
    background-color: #555;
}


.contact_form .left-container h6 {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 60px;
    /* padding: 10px 3px; */
}


.contact_form .left-container h6::after{
    content: '';
    border-bottom: 3px solid #ffffff;
    width: 50px;
    position: absolute;
    bottom: 5px;
   
}


.company-map{
    margin-bottom: 50px;
}

.contact_form .left-container ul {
    margin-top: 60px;
    padding: 0px;
}


.contact_form .left-container ul>li{
    list-style-type: none;
}

.contact_form .left-container li span {
    font-size: 22px;
    font-weight: bold;
    margin-right: 5px;
}

.contact_form .left-container li {
    font-size: 18px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}

.contact_form .left-container .social_icons{
        margin-top: 15px;
}

.contact_form .left-container .social_icons span {
    background: #ffffff;
    padding: 5px 8px;
    margin-right: 5px;
    text-align: center;
}

.contact_form .left-container .social_icons i {
    font-size: 18px;
    color: #141c86de;
    font-weight: 600;
}

/* Conatc CSS End */



/* Gallery CSS Start */

.gallery_content {
    padding: 80px 0px;
}

.photos_content{
    margin-bottom: 50px;
}

.photos_content h4{
    font-size: 30px;
    /* font-family: 'Fjalla One', sans-serif; */
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 55px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    /* letter-spacing: 2px; */
    font-weight: 600;
}


.photos_content .gallery_img img {
    border-radius: 15px;
/*    border: 2px solid #101010;*/
}



.videos_content h4{
    font-size: 30px;
    /* font-family: 'Fjalla One', sans-serif; */
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 55px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    /* letter-spacing: 2px; */
    font-weight: 600;
}

.video_content_card {
    border: 3px solid #0c0b0b;
    padding: 5px;
    margin: 10px;
}



/* Gallery CSS End */



/* Contact Us New CSS Start */

.contact_content {
    padding: 100px 0;
}


.z-index-1 {
    z-index: 1;
    /* position: relative; */
}


/* .contact_content.pb-lg-0.z-index-1 {
    position: relative;
} */


.theme-title {
    margin-bottom: 50px;
}


.theme-title h6 {
    line-height: 1;
    padding: 0 15px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: #f9a32f;
    /* background: linear-gradient(115deg, var(--themeht-primary-color), var(--themeht-secondary-color)); */
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 9;
}


.theme-title h6:before {
    left: auto;
    right: 0;
    background: #f9a32f;
}


.theme-title h6:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background: #f9a32f;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    z-index: -1;
}


.theme-title h6:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    background: #f9a32f;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    z-index: -1;
}

.theme-title h2 {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}


.form-control {
    height: 50px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--themeht-text-color);
    background-color: var(--themeht-bg-light-color);
    border: 1px solid transparent;
}

.help-block.with-errors {
    position: absolute;
    color: red;
    right: 15px;
    font-size: 10px;
    line-height: 14px;
}


textarea.form-control {
    height: 150px;
    border-radius: 10px;
}


.themeht-btn.primary-btn {
    background: -o-linear-gradient(335deg, var(--themeht-primary-color), var(--themeht-secondary-color));
    background: linear-gradient(115deg, var(--themeht-primary-color), var(--themeht-secondary-color));
    color: var(--themeht-white-color);
}


.themeht-btn:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    background: #000000;
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
            clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    opacity: 1;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: -1;
}


.themeht-btn i {
    color: red;
    font-size: 20px;
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}


.contact-box {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: absolute;
    bottom: -90px;
    height: 700px;
}

.contact-box .contact-info li {
    padding-left: 60px;
    margin-bottom: 30px;
    position: relative;
}


/* .contact-box .contact-info li i {
    line-height: 1px;
    font-size: 30px;
} */

.contact-box .contact-info li img {
    height: 40px;
    width: 40px;
}

/* .contact-info li i {
    position: absolute;
    left: 0;
    top: 25px;
    line-height: 24px;
    font-size: 30px;
    color: #000000;
    text-align: center;
} */

.contact-box .contact-info li img {
    position: absolute;
    left: 0px;
    top: 5px;
}

.contact-info li span {
    font-size: 18px;
    line-height: 1;
    color: #000000;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}


.contact-box .contact-info li p, .contact-box .contact-info li a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: #000000;
}

.social-icons ul {
    padding: 0;
    margin: 0;
    line-height: 0;
}


.social-icons li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 43px;
    font-size: 14px;
    text-align: center;
    margin: 0;
    border-radius: 50%;
    border: 1px solid #000000;
    background: #ffffff;
    color: #000000;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.contact_content .form-control {
    display: block;
    width: 100%;
    height: 55px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.contact_content input[type="text"] {
    max-width: 100%;
    height: 55px;
    border: 1px solid #eee;
    padding: 0 20px;
}


.contact_content .themeht-btn {
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    /* position: relative; */
    overflow: hidden;
    z-index: 9;
    padding: 10px 10px 10px 30px;
    display: inline-block;
    border-radius: 100px;
    border: none;
    color: #ffffff;
    background: red;
    font-family: var(--themeht-secondary-font-family);
    font-weight: 500;
}


.live_strem_heading{
    line-height: 1.4;
    margin: 0px;
    font-variant: small-caps !important;
    font-size: 55px;
    color: #fff;
    padding-bottom: 40px;
    font-variant: small-caps;
    font-weight: 600;
    color: #141c86de;
    text-align: center;
    margin-top: 50px;
}

.stream.inner{
    margin-top: unset;
}


.contact-box p {
    margin: 10px 0 10px;
    font-size: 16px;
    color: #000000;
}


.contact_content .form-control {
    height: 50px;
    border-radius: 10px;
    font-size: 14px;
    color: #000000;
    background-color: #dadada54;
    border: 1px solid transparent;
}





.overflow-hidden .contact_map iframe{
    background: unset;
    position: relative;
}



.contact_content .contactForm {
    margin-bottom: 50px;
    padding: 15px 30px;
}



.contact_content .themeht-btn span{
    font-size: 20px;
} 


.contact-box .social-icons i{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}

.contact_content h2{
    font-size: 25px;
    font-weight: 600;
}


#form_message {
    height: 180px !important;
    
}




/* FAQ CSS Start */


.faq .accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-family: "Sora", sans-serif;
    max-width: 991px;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;
}
.faq .accordion h1 {
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 45px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    font-weight: 600;
}
.faq .accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #f5f5f5;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    width: 100%;
}
.faq .accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 20px;
    cursor: pointer;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 14px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.faq .accordion-item .accordion-item-desc {
    display: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: justify;
}
.faq .accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.faq .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.faq .accordion-item input[type="checkbox"]:checked ~ .accordion-item-title .icon:after {
    content: "-";
    font-size: 25px;
}
.faq .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 25px;
    /* margin-top: 69px; */
    position: absolute;
    top: 10px;
}
.faq .accordion-item:first-child {
    margin-top: 0;
}
.faq .accordion-item .icon {
    margin-left: 14px;
}


/* FAQ CSS End */




/* Career CSS Start */

.career{
    padding: 80px 0;
}


.career h4 {
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 55px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    font-weight: 600;
}

.career .career_card {
    /* background-color: #ffffff; */
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 25px 20px;
    height: 520px;
    position: relative;
    margin: 10px 0px;
}


.career .career_card h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    padding-bottom: unset;
    font-variant: unset !important;
    line-height: unset;
    margin: 0px;
    color: #ee4423;
}

.career .career_card h6 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0px;
}

.career_title {
    margin-bottom: 15px;
}

.location {
    margin-bottom: 15px;
    position: relative;
}

.location::after {
    content: "";
    border-bottom: 1px solid #dddddd;
    width: 300px;
    position: absolute;
    bottom: -15px;
}

.career .career_btn button {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 10px;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #ee4423;
    width: 300px;
    border-radius: 4px;
    color: #ee4423;
}

.summary {
    margin-top: 25px;
}

.summary p{
    font-size: 16px;
    font-weight: 500;
}

.career .qualification li{
    font-size: 16px;
    font-weight: 500;
}

.career .career_btn {
    position: absolute;
    bottom: 20px;
}


.job_desc{
    padding: 100px 0;
}

.job_desc h4{
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 40px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    font-weight: 600;
}


.job_details {
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 80%;
    margin: auto;
    padding: 40px 40px;
}

.job_description h5 {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding-bottom: unset;
    font-variant: unset !important;
    line-height: unset;
    margin: 0px;
    color: #ee4423;
}

.job_description ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.job_description ul>li {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    padding: 5px 0px;
}


.job_requirements h5 {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    padding-bottom: unset;
    font-variant: unset !important;
    line-height: unset;
    margin: 0px;
    color: #ee4423;
}

.job_requirements ul{
    margin-top: 10px;
    margin-bottom: 10px;
}

.job_requirements ul>li{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    padding: 5px 0px;
}


.job_details .job_card_btn button {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 10px;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #ee4423;
    width: 300px;
    border-radius: 4px;
    color: #ee4423;
}

.job_card_btn {
    text-align: center;
    margin-top: 20px;
}

.job_description {
    margin-bottom: 30px;
}

/* Career CSS End */


.application_form{
    padding: 80px 0;
}


.application_form button.btn.btn-border.btn-radius:hover {
    background-color: #ee4423;
    color: #fff;
    border: 1px solid transparent;
}


.application_form h4 {
    line-height: 1.4;
    margin: 0px;
    text-align: center;
    font-variant: small-caps !important;
    font-size: 40px;
    color: #000;
    padding-bottom: 40px;
    font-variant: small-caps;
    font-weight: 600;
    
}


.application_right .form-group {
    margin-bottom: 25px;
    position: relative;
}

.application_right .form-control {
    height: 50px;
    border-radius: 0;
    font-size: 15px;
    background: none;
    border: none;
    border-bottom: 2px solid #f5f5f5;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #555;
    font-weight: 500;
}

.application_right .help-block.with-errors {
    position: absolute;
    color: red;
    right: 0;
    font-size: 10px;
    line-height: 14px;
}

.application_right button {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px;
    text-align: center;
    background-color: #ffffff;
    border: 2px solid #ee4423;
    width: 200px;
    border-radius: 4px;
    color: #ee4423;
}

.application_left{
    margin-top: 60px;
}

.application_left img {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.application_right{
    margin-top: 50px;
}



/* Map Individual CSS Start */



.mumbai .map{
    position:relative;
    background-color:unset;
}


.middle_line {
    background: #101010;
    height: 185px;
    width: 77%;
    left: 23%;
    /* right: 1; */
    z-index: -1;
    position: absolute;
}

/* .home-map.mumbai.kolkata .middle_line {
    background: #101010;
    height: 250px;
    width: 70%;
    left: 30%;
    right: 1;
    top: 35%;
    position: absolute;
} */

.home-map.mumbai.individual .middle_line {
    background: #101010;
    height: 185px;
    text-align: center;
    width: 76%;
    left: 23%;
    top: 22%;
    right: 1;
    position: absolute;
}

.home-map.mumbai.individual .map_img {
    position: relative;
    width: 55%;
    top: 20px;

}



/* .home-map.mumbai.individual .city_data {
    margin-bottom: 215px;
} */

/* .home-map.mumbai.kolkata .city_data{
    margin-top: 50px;
} */

.mumbai .city_data {
    text-align: right;
    padding: 10px 10px;
     border-bottom: unset; 
}




/* Map Individual CSS End */



.stream.inner {
    margin-top: 80px;
    margin-bottom: 80px;
}


.icon-content-block .content-block .fa-group:before, .fa-users:before {
    content: "\f0c0";
    color: #ffffff;
}

.benifits_content .b_cards .fa-group:before, .fa-users:before {
    content: "\f0c0";
    color: unset;
}

.benifits_content .b_cards .fal.fa-users{
    color: #000000 !important;
}





/* Expertise for small decivess CSS start */


.expertise_sm {
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.expertise_sm .expertise_title h4 {
    font-size: 40px;
    color: #141c86de;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 30px;
}

.expertise_sm .expertise_title{
    text-align: center;
}


.expertise_sm .expertise_sm_card {
    height: 380px;
    width: 380px;
    border-radius: 10px;
    background-size: cover;
    margin: 2px;
    /* background-image: url(../images/it_enabled_services.png); */
    position: relative;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    overflow: hidden;
}

.expertise_sm .one {
    background-size: cover;
    background-image: url(../images/it_enabled_services.png);
}

.expertise_sm .two {
    background-size: cover;
    background-image: url(../images/turnkey_network_projects.png);
}
.expertise_sm .three {
    background-size: cover;
    background-image: url(../images/convergence_solutions_for_data_voice_video.png);
}

.expertise_sm .four {
    background-size: cover;
    background-image: url(../images/technology_conceptual_development_and_integration.png) ;
}

.expertise_sm .five {
    background-size: cover;
    background-image: url(../images/computer_based_training_software.png);
}


.expertise_sm .expertise_sm_card {
    margin: 10px 0px;
}   


.expertise_sm_card h2 {
    font-size: 23px;
    color: #ffffff;
    /* transform: rotateZ(270deg); */
    position: absolute;
    bottom: 70px;
    padding: 0px 20px;
    /* width: 250px; */
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    /* left: -95px; */
    /* margin-left: -40px; */
    margin-bottom: 10px;
    /* white-space: nowrap; */
    line-height: 30px;
}

.expertise_sm_card p {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 80px;
    padding: 0px 20px;
    /* bottom: 90px; */
    width: 100%;
    /* left: 13px; */
    /* width: 280px; */
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    /* opacity: 0; */
}

section.expertise_sm {
    display: none;
}

.workplan_data {
    width: 50%;
    /* padding-top: 30px;    */
}

.why_choose_us_sec .col-md-6.col-lg-12 {
    margin: 3px;
}




/* Header Slider CSS Start */



.header_slider .swiper {
    width: 100%;
    height: 100%;
  }

.header_slider   .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 610px; */
  }

 .header_slider  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  .header_slider .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    transform: scale(0.4);
    background: #013397;
    opacity: 1;
    border-radius: 50%;
}




/* .header_slider .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    transform: scale(0.4);
    background: #013397;
    opacity: 1;
    border-radius: 50%;
} */



.address-img {
    /* border: 2px solid #000; */
    border-radius: 50%;
    padding: 10px 10px;
    /* height: 100px; */
    width: 100px;
    background: #fff;
}

/* Header Slider CSS End */

h1.count {
    font-size: 49px;
}


section.counter_sec .col-md-4.col-lg-3.col-12{
    padding: 10px 0px;
}


.counter_data {
    position:relative;
}

.counter_data::after{
    content:'';
    position:absolute;
    height:80%;
    width:2px;
    left:0px;
        top: 50%;
    transform: translate(-50%, -50%);
    background-color:#ffffff;
       border-radius: 50%;

}
.counter-content .col-md-6:first-child .counter_data::after{
  display: none;
}
.counter_data svg {
    height: 80px;
    width:70px;
}

.counter_data {
    margin: 0px 0px;
}

h3.text {
    margin: 0px;
}



/* ------ Section Title ------ */

.sec-title{
	position:relative;
}

/*section.counter_sec {
    padding: 35px 0px;
}*/

.sec-title .title{
	position:relative;
	color:#777777;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.sec-title .title:after{
	position:absolute;
	content:'';
right: -55px;
    bottom: 26px;
	height:2px;
	width:50px;
	background-color:red;
}

.sec-title h2 {
    position: relative;
    color: #2c63ae;
    font-weight: 700;
    font-size: 34px;
     line-height: 1.3em; 
       margin-bottom: 25px;
}

.sec-title.centered p {
      font-size: 18px;
}

section.counter_sec .text {
    color: #fff;
    margin: 0px;
}

section.counter_sec .text {
    color: #fff;
}

section.counter_sec .title:before {

    background-color: #fff !important;
}

section.counter_sec .title:after {

    background-color: #fff;
}

section.counter_sec .title {
  
    color: #fff !important;
}

.sec-title .text{
	color: #101010;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.light .title:before,
.sec-title.light .title:after{
	background-color:#ffffff !important;
}

.sec-title.centered{
	text-align: center;
}

.sec-title.centered .title {
    font-size: 40px;
    color: red;
}

.sec-title.centered .title:before{
	position:absolute;
	content:'';
	    left: -55px;
    bottom: 26px;
	height:2px;
	width:50px;
	background-color:red;
}

/*  ------ Card Section Css ------ */

.services-section-five{
	position:relative;
    background-color:#f5f5f5;
/*	padding:80px 0px 40px;*/
}

 /* ------ Card Section Background Css ------ */

 /* .parallax-bg .container {
    position: relative;
    background: url('../images/background/adv-train.png') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
    color: #fff;
  } */

.services-section-five.style-two:after{
	display:none;
}

.services-section-five.style-two{
	padding-bottom:100px;
}

.services-section-five .sec-title{
	z-index:1;
}

.services-section-five .pattern-layer-one{
	position:absolute;
	left:0px;
	top:-300px;
	width:277px;
	height:703px;
	z-index:1;
	background-repeat:no-repeat;
}

.services-section-five .pattern-layer-two{
	position:absolute;
	right:0px;
	top:-200px;
	width:216px;
	height:641px;
	z-index:1;
	background-repeat:no-repeat;
}

.services-section-five:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	width:100%;
	height:168px;
/*	background:url(../images/background/service-pattern.png) no-repeat;*/
}

.services-section-five .gradient-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-image: -ms-linear-gradient(bottom, #F4F4F4 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #F4F4F4 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #F4F4F4 0%, #ffffff 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F4F4F4), color-stop(100, #ffffff));
	background-image: -webkit-linear-gradient(bottom, #47a5d1 0%, #ffffff 100%);
	/* background-image: linear-gradient(to top, #0a2aa65e 0%, #ffffff 100%); */
}

.service-block-five{
	position:relative;
	margin-bottom:35px;
	z-index:2;
}

.service-block-five .inner-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-top: 18px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; /* Initial shadow */
    border-radius: 22px;
    animation: floating 3s ease-in-out infinite; /* Infinite animation */
}

/* Keyframes for floating animation */
@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Floating effect */
    }
    100% {
        transform: translateY(0);
    }
}

.service-block-five .inner-box:hover {
    box-shadow: rgba(0.1, 0, 0, 0.0) 0px 3px 9px;
}



.service-block-five .inner-box .lower-content .left-pattern{
	position:absolute;
	left:-120px;
	top:0px;
	width:116px;
	height:119px;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	background:url(../images/background/service-design-2.png) no-repeat;
}

.service-block-five .inner-box:hover .lower-content .left-pattern{
	left:0px;
	transition-delay: 300ms;
    border-radius: 22px;
}

.service-block-five .inner-box .lower-content .right-pattern{
	position:absolute;
	right:-170px;
	bottom:0px;
	width:163px;
	height:112px;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	background:url(../images/background/service-design-1.png) no-repeat;
}

.service-block-five .inner-box:hover .lower-content .right-pattern{
	right:0px;
	transition-delay: 600ms;
    border-radius: 0px 0px 22px 0px;
}

.service-block-five .inner-box .icon-box{
	position:relative;
	width:110px;
	height:110px;
	/* color:#0a2aa6; */
	font-size:50px;
	border-radius:50%;
	text-align:center;
	line-height:110px;
	margin:0 auto;
	z-index:1;
	display:inline-block;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.service-block-five .inner-box .icon-box .circles-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius:50%;
}

.service-block-five .inner-box .icon-box .circles-box .circle-one{
	position:absolute;
	right:8px;
	width:20px;
	height:20px;
	z-index:1;
	border-radius:50%;
	display:inline-block;
	background-color:#2c63ae;
}

.service-block-five .inner-box .icon-box .circles-box .circle-two{
	position:absolute;
	left:8px;
	bottom:6px;
	width:15px;
	height:15px;
	z-index:1;
	border-radius:50%;
	display:inline-block;
	background-color:#ee4423;
}

.service-block-five .inner-box .lower-content{
    position: relative;
    /* margin-bottom: 55px; */
    margin-top: -35px;
    height: 470px;
    padding: 70px 20px 54px;
    /* background-image: url(../images/background/pattern-1.png); */
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block-five .inner-box:hover .lower-content{
	background-color:#ffffff;
    border-radius: 8%;
}

.service-block-five .inner-box h4{
	position:relative;
	font-weight:700;
    font-size: 22px;
	line-height:1.3em;
}

.service-block-five .inner-box h4 a{
	position:relative;
	color:#222222;
    text-decoration: none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-block-five .inner-box h4 a:hover{
	color:#141c86de;
  cursor: pointer;
}

.service-block-five .inner-box .text{
	position:relative;
	color:#282828;
	font-size:16px;
	line-height:1.8em;
	margin-top:15px;
}


 /* ----- Card Animation ----- */

 .service-block-five .inner-box .icon-box .circles-box{
    animation-name: rotateme; 
    animation-duration: 15s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
	-webkit-animation-name: rotateme; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
	-moz-animation-name: rotateme; 
    -moz-animation-duration: 15s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	-ms-animation-name: rotateme; 
    -ms-animation-duration: 15s; 
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
	
	-o-animation-name: rotateme; 
    -o-animation-duration: 15s; 
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 0.7;
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}




/* ------ How We Do It Section ------ */
.steps-section {
    position: relative;
/*    overflow: hidden;*/
    padding-top: 100px;
    padding-bottom: 140px;
    background-color: #2c63ae;
  }

  .steps-section .sec-title {
    margin-bottom: 110px;
  }

  .steps-section .left-pattern {
    position: absolute;
    left: 0px;
    top: -30px;
    width: 261px;
    height: 485px;
    z-index: 0;
    background-repeat: no-repeat;
  }

  .steps-section .right-pattern {
    position: absolute;
    right: 0px;
    top: 40px;
    width: 257px;
    height: 646px;
    background-repeat: no-repeat;
  }

  .steps-section .dotted-pattern {
    position: absolute;
    right: 0px;
    top: 40px;
    width: 493px;
    height: 938px;
    background-repeat: no-repeat;
  }

  .steps-section .dotted-pattern-2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 725px;
    height: 906px;
    background-repeat: no-repeat;
  }

  .steps-section .step-block {
    float: left;
    width: 360px;
  }

  .step-block {
    position: relative;
  }

  .step-block .inner-box {
    position: relative;
    text-align: center;
    padding-bottom: 125px;
  }
.step-block .inner-box:before {
    position: absolute;
    content: '';
    left: -5px;
      bottom: -40px;
    width: 375px;
    height: 185px;
    background-image: url(../images/background/step-1.png);
    background-size:contain;
    background-repeat:no-repeat;
}
    /*.step-block .inner-box .number-box {
        position: relative;
        left: 15px;
    }*/

  .step-block .inner-box .number-box .number {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    line-height: 70px;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    display: inline-block;
    background-color: #ee4423;
  }

  .step-block .inner-box .number-box .number:before {
    position: absolute;
    content: '';
    left: -14px;
    top: -14px;
    right: -14px;
    bottom: -14px;
    border-radius: 50%;
    border: 10px solid #ffe4dd;
  }

  .step-block .inner-box h5 {
    position: relative;
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 60px;
  }

.video_text {
    text-align: center;
    padding: 30px 0px 0px 0px;
}

.video{
    z-index:-1;
}

.video_text span {
    color: red;
    font-weight: 900;
}

/*section.work {
    padding: 60px 0px;
     background: #141c86de; 
}*/


.video_text.cus_text {
    position: absolute;
    top: 61%;
    left: 10%;
    z-index: 1;
}

.video_text p {
    font-size: 18px;
}

.main_sec {
    display: flex;
    position: relative;
    margin: 60px 0px;
}

.video_content video {
padding: 13px;
    background: #f2f2f2;
    filter:drop-shadow(0 20px 0.75rem rgba(0,0,0,0.25));
/*    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;*/
}

.sec_video {
    position: absolute;
    right: 42px;
    z-index: 1;
    /* bottom: 0px; */
}

.main_sec .col-lg-7 {
    padding: 0px;
}

.main_sec .col-lg-5 {
    padding: 0px;
}




 .steps_count{
    display:flex;
    justify-content:center;
    margin-top: 70px;
 }

  .step-block.style-two .inner-box .number-box .number {
    background-color: #141c86de;
  }

  .step-block.style-two .inner-box .number-box .number:before {
    border: 10px solid #dadff2;
  }

  .step-block.style-two .inner-box {
    padding-top: 100px;
    padding-bottom: 0px;
  }

  .step-block.style-two .inner-box h5 {
    margin-top: 0px;
    margin-bottom: 60px;
  }
  .step-block.style-two .inner-box {
    padding-top: 100px;
    padding-bottom: 0px;
}
  .step-block.style-two .inner-box:before {
     left: -24px;
    top: -110px;
    right: 0px;
    width: 400px;
    height: 205px;
    background-image: url(../images/background/step-2.png);
    background-size:contain;
    background-repeat:no-repeat;
  }

  .banner-section-two .pattern-layer-four,
  .services-section-four .pattern-layer-two,
  .call-to-action-section .icon-layer-three,
  .services-section-three .inner-container .pattern-layer,
  .testimonial-section .inner-container .pattern-image-three {
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }

  /* Bob */
  @-webkit-keyframes float_left_right {
    0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 1;
    }

    50% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px);
      opacity: 0.40;
    }

    100% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 1;
    }
  }

  @keyframes float_left_right {
    0% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 1;
    }

    50% {
      -webkit-transform: translateX(100px);
      transform: translateX(100px);
      opacity: 0.40;
    }

    100% {
      -webkit-transform: translateX(-100px);
      transform: translateX(-100px);
      opacity: 1;
    }
  }

  .steps-section .dotted-pattern,
  .testimonial-section .cloud-four,
  .services-section-four .pattern-layer-one,
  .banner-section-two .pattern-layer-three {
    animation-name: float_left_right;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name: float_left_right;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: float_left_right;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: float_left_right;
    -ms-animation-duration: 30s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-name: float_left_right;
    -o-animation-duration: 30s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }

  @-webkit-keyframes float_left_right_two {
    0% {
      -webkit-transform: translateX(-30px);
      opacity: 1;
    }

    50% {
      -webkit-transform: translateX(0px);
      opacity: 0.80;
    }

    100% {
      -webkit-transform: translateX(-30px);
      opacity: 1;
    }
  }

  @keyframes float_left_right_two {
    0% {
      transform: translateX(-30px);
      opacity: 1;
    }

    50% {
      transform: translateX(0px);
      opacity: 0.80;
    }

    100% {
      transform: translateX(-30px);
      opacity: 1;
    }
  }

  .empty-animation .testimonial-section .cloud-three,
  .testimonial-section .cloud-two {
    animation-name: float_left_right_two;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name: float_left_right_two;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: float_left_right_two;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: float_left_right_two;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-name: float_left_right_two;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }


  @-webkit-keyframes zoom-fade {
    0% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }

    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }

  @keyframes zoom-fade {
    0% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }

    50% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }

  .steps-section .dotted-pattern-2,
  .main-footer .pattern-layer-one,
  .banner-section-three .patern-layer-two,
  .banner-section-two .pattern-layer-one,
  .banner-section .patern-layer-three {
    animation-name: zoom-fade;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-name: zoom-fade;
    -o-animation-duration: 8s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
  }



  .step-block {
    position: relative;
  }
  
  .hover-info {
    display: none;
    font-size: 16px;
    position: absolute;
    left: 0%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
  
  /* Hover info centered top of the number */
  .hover-info.above {
    bottom: 108%;
    transform: translateY(-7px);
}
  .step-block:hover .hover-info.above {
    display: block;
    opacity: 1; /* Fully visible on hover */
    transform: translateY(0); /* Move to original position */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for opacity and transform */
  }
  
  /* Hover info centered below the number */
  .hover-info.below {
    top: 100%; /* Position below the number */
    transform: translateY(10px); /* Initial offset */
  }
  
  .step-block.below:hover .hover-info.below {
    display: block;
    opacity: 1; /* Fully visible on hover */
    transform: translateY(0); /* Move to original position */
    top: 104%;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for opacity and transform */
  }
  
  .number-box {
    position: relative;
    z-index: 1;
  }
  
  .hover-info::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 10px solid transparent;
  }
  
  .hover-info.above::before {
    bottom: -20px; /* Position the arrow */
    border-top-color: rgba(0, 0, 0, 0.8); /* Arrow color matches the background */
  }
  
  .hover-info.below::before {
    top: -20px; /* Position the arrow */
    border-bottom-color: rgba(0, 0, 0, 0.8); /* Arrow color matches the background */
  }
  

/* ------ Service Section Css -----   */


.services-section-two{
	position:relative;
	padding:0px 0px 90px;
}

.services-section-two.style-two{
	padding-top:110px;
	z-index:10;
}

.services-section-two .owl-carousel .owl-stage-outer{
	padding:15px 0px;
}

.service-block-two {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; /* Ensure no overflow */
    border-radius: 10px;
    transition: box-shadow 0.5s ease; /* Smooth transition for the box-shadow */
  }
  
.service-block-two .inner-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    transition: box-shadow 0.5s ease;
}
/* .service-block-two{
	position:relative;
}

.service-block-two .inner-box{
    position: relative;
    padding: 50px 45px;
    border-radius: 10px;
    overflow: hidden;
    background-image: url(../images/background/adv-train.png);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
	background-image: -ms-linear-gradient(top, #0128A3 0%, #6a40e9 100%);
	background-image: -moz-linear-gradient(top, #0128A3 0%, #6a40e9 100%);
	background-image: -o-linear-gradient(top, #0128A3 0%, #6a40e9 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0128A3), color-stop(100, #6a40e9));
	background-image: -webkit-linear-gradient(top, #0128A3 0%, #6a40e9 100%);
	background-image: linear-gradient(to bottom, #0128A3 0%, #6a40e9 100%);
} */

.service-block-two .inner-box .patern-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:173px;
	height:146px;
	transform: translateX(176px);
	background-repeat:no-repeat;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.service-block-two .inner-box .icon-box .icon img{
    width: 60%;
}

.services-section-two .owl-item.center .service-block-two .inner-box .patern-layer,
.service-block-two .inner-box:hover .patern-layer{
	transform: translateX(0px);
	transition-delay: 400ms;
}

.service-block-two .inner-box:before{
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    background-color: #f0f0f0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.service-block-two .inner-box .text {
    font-size: 16px; /* Adjust size as needed */
    color: #ffffff;
    line-height: 1.7em;
    margin-top: 15px;
    padding: 0 20px; /* Add some padding to the text */
    position: absolute;
    bottom: 20px; 
    left: 20px; 
    color: #ffffff;
    font-size: 16px;
    line-height: 1.7em;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden; 
    transition: opacity 0.5s ease, visibility 0.5s ease; /* Smooth transition */
  }
  
  .service-block-two .inner-box:hover .text {
    opacity: 1;
    visibility: visible; 
  }
  
  .service-block-two .inner-box .icon-box {
    position: relative;
    color: #ffffff;
    font-size: 60px; /* Adjust size as needed */
    color: #ffffff;
    margin-bottom: 20px; 
    line-height: 1em;
    transition: all 600ms ease;
  }
  
  .service-block-two .inner-box h5 {
    font-weight: 700;
    font-size: 24px; /* Adjust size as needed */
    color: #ffffff;
    margin-bottom: 15px; 

  }
  
  .service-block-two .inner-box h5 a {
    position: relative;
    color: #3769e9;
    transition: all 600ms ease;
    text-decoration: none;
  }
/* Add box-shadow effect on hover */
.service-block-two .inner-box:hover {
    color: #3769e9;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; /* Add the shadow effect */
  }
  
  /* Hide text and h5 by default */
.service-block-two .inner-box .text,
.service-block-two .inner-box h5 {
  opacity: 0; 
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease; 
}

/* Show text and h5 on hover */
.service-block-two .inner-box:hover .text,
.service-block-two .inner-box:hover h5 {
  opacity: 1;
  visibility: visible;
}

.services-section-two .owl-item.center .service-block-two .inner-box::before,
.service-block-two .inner-box:hover::before{
	width:100%;
}

/* .service-block-two .inner-box .icon-box{
    font-size: 60px; 
    color: #ffffff;
    margin-bottom: 20px
	position:relative;
	color:#ffffff;
	font-size:60px;
	line-height:1em;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
} */

.services-section-two .owl-item.center .service-block-two .inner-box .icon-box,
.service-block-two .inner-box:hover .icon-box{
	color:#fe5122;
}

.service-block-two .inner-box h5{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	margin-top:24px;
}

.service-block-two .inner-box h5 a{
	position:relative;
	color:#ffffff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.service-block-two .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.7em;
	margin-top:15px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-section-two .owl-item.center .service-block-two .inner-box,
.service-block-two .inner-box:hover{
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.services-section-two .owl-item.center .service-block-two .inner-box .text,
.services-section-two .owl-item.center .service-block-two .inner-box h5 a,
.service-block-two .inner-box:hover .text,
.service-block-two .inner-box:hover h5 a{
	color:#222222;
}

.service-block-two .inner-box .read-more{
	position:relative;
	margin-top:25px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	display:inline-block;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-section-two .owl-item.center .service-block-two .inner-box .read-more,
.service-block-two .inner-box:hover .read-more{
	color:#0128a2;
}

.services-section-two .owl-nav{
	display:none;
}

.services-section-two .owl-dots{
	position:relative;
	text-align:center;
	margin-top:20px;
}

.services-section-two .owl-dots .owl-dot{
	position:relative;
	width:10px;
	height:7px;
	margin:0px 5px;
	display:inline-block;
	background-color:#fe4c1c;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-section-two .owl-dots .owl-dot.active,
.services-section-two .owl-dots .owl-dot:hover{
	background-color:#105bc1;
	width:30px;
}
/* Hide text, h5, and icon by default */
.service-block-two .inner-box .text,
.service-block-two .inner-box h5,
.service-block-two .inner-box .icon-box {
  opacity: 0; 
  visibility: hidden; 
  transition: opacity 0.5s ease, visibility 0.5s ease; 
}

/* Show text, h5, and icon on hover */
.service-block-two .inner-box:hover .text,
.service-block-two .inner-box:hover h5,
.service-block-two .inner-box:hover .icon-box {
  opacity: 1; 
  visibility: visible; 
}


.services-section-two {
    position: relative;
  }
  
/*  .slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none; /* Allows clicks to pass through to Swiper */
  }*/
  
  .slider-nav button {
    pointer-events: all; /* Ensures buttons are clickable */
    z-index: 10; /* Ensures buttons are on top */
    background-color: #000000a3;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 3%;
    cursor: pointer;
    font-size: 28px;
    }
  

  .swiper-pagination {
    position: absolute;
    bottom: 10px; /* Adjust based on your layout */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 10px; /* Space between pagination dots */
  }
  
  .swiper-pagination-bullet {
    width: 12px; /* Size of pagination dots */
    height: 12px;
    background-color: #ccc; /* Default color of pagination dots */
    border-radius: 50%; /* Make dots round */
    opacity: 0.6; /* Slightly transparent */
    transition: background-color 0.3s, opacity 0.3s; /* Smooth transitions */
  }
  
  .swiper-pagination-bullet-active {
    background-color: #000; /* Color of active dot */
    opacity: 1; /* Fully opaque for active dot */
  }
  
  /* Optional: Add a hover effect for desktop */
  @media (hover: hover) {
    .swiper-pagination-bullet:hover {
      background-color: #555; /* Change color on hover */
    }
  }
.services-section-two {
  position: relative;
}

.card-swiper {
  position: relative; /* Ensure pagination and navigation are positioned relative to this container */
}

.swiper-pagination {
  position: absolute;
  bottom: 10px; /* Positioning from the bottom of the swiper */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 10px; /* Space between pagination dots */
  z-index: 10; /* Ensure it appears above the swiper slides */
}

.swiper-pagination-bullet {
  width: 12px; /* Size of pagination dots */
  height: 12px;
  background-color: #ccc; /* Default color of pagination dots */
  border-radius: 50%; /* Make dots round */
  opacity: 0.6; /* Slightly transparent */
  transition: background-color 0.3s, opacity 0.3s; /* Smooth transitions */
}

.swiper-pagination-bullet-active {
  background-color: #000; /* Color of active dot */
  opacity: 1; /* Fully opaque for active dot */
}

/* Optional: Add a hover effect for desktop */
@media (hover: hover) {
  .swiper-pagination-bullet:hover {
    background-color: #555; /* Change color on hover */
  }
}

/* Style for the navigation buttons */
.slider-nav button {
    color: #fff;
    padding: 0px 15px;
    border: unset;
    font-size: 45px;
    border-radius: 7px;
    background: #0000009e;
}

.slider-nav {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.slider-nav_main_sec {
    position: absolute;
    bottom: 42%;
    z-index: 999;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.swiper.card-swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    position: relative;
}



  

 /* ------ Gallery Section -------  */
.shape-mockup {
    position: absolute;
    top: -4%;
    right: 0%;
    width: 35%;
    will-change: transform;
    transition: transform 0.3s ease;
}
.shape-mockup img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.shape-mockup:hover img {
    transform: perspective(1000px) rotateX(15deg) rotateY(10deg);
}
.shape-mockup {
    position: absolute;
    z-index: 2
}
@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}
 .jump {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni 7s linear infinite
}

@-webkit-keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

/* second train  */

.shape-mockup1 {
    position: absolute; /* Adjust positioning as needed */
    top: -6%;
    left: -110px;
    width: 50%;
    will-change: transform;
    transition: transform 0.3s ease;
}

.shape-mockup1 img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.shape-mockup1:hover img {
    transform: perspective(1000px) rotateX(15deg) rotateY(10deg);
}
.shape-mockup1 {
    position: absolute;
    z-index: 2
}
@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}
 .jump1 {
    -webkit-animation: jumpAni 7s linear infinite;
    animation: jumpAni1 7s linear infinite
}

@-webkit-keyframes jumpAni1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes jumpAni {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


/* custom css  */

/* Testimonial Section Styles */


.testi-area-1 {
    position: relative;
    overflow: hidden;
    background: url('../images/background/testi_bg.png') no-repeat center center;
    background-size: cover; 
    background-attachment: fixed; 
    transition: background-position 0.3s ease; 
  }
  
  .testi-area-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Black overlay with 50% opacity */
    z-index: 1;
    pointer-events: none; /* Ensures the overlay doesn't block interaction with content underneath */
  }

.testi-area-1 .container {
  position: relative;
  z-index: 2;
}

.title-area {
  margin-bottom: 50px;
}

.title-area .sub-title {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}

.title-area .sub-title img {
  vertical-align: middle;
  margin-right: 8px;
  width: 20%;   
}

.title-area .sec-title {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}


/* ----  card contented ---- */

.testi-area-1 {
    position: relative;
  }
  
  .testi-parent-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    display: flex;
  }
  
  .testi-card_img {
    flex: none;
  }
  
  .testi-card_img img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .testi-card_content {
    background: var(--white-color);
    box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.05);
    padding: 30px 30px 30px 30px; /* Adjust padding */
    margin-left: 0; /* Reset margin */
    position: relative; /* Ensure stacking context */
  }
  
  .testi-card_text {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0;
  }
  
  .testi-card_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
  }
  
  .testi-card_desig {
    font-size: 14px;
    color: #777;
  }
  
  .testi-card_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
  }
  
  .testi-card_icon img {
    width: 65px;
    height: 24px;
  }
  
  /* Responsive adjustments */
  @media (max-width: 992px) {
    .title-area .sec-title {
      font-size: 30px;
    }
  
    .testi-card_text {
      font-size: 14px;
    }
  }
  
  @media (max-width: 576px) {
    .testi-card_text {
      font-size: 12px;
    }
  
    .testi-card_bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .testi-card_icon {
      margin-top: 10px;
    }
  }
  





.section-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px; 
  background: #2B3044;
}

.section-header h1 {
  font: 400 32px "Montserrat", sans-serif;
  text-transform: uppercase;
  color: #fff;
}

.video-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  grid-gap: 15px;
  max-width: 1100px;
  padding: 15px; 
  margin: 0 auto;
  box-sizing: border-box;
}

.video-gallery .gallery-item {
  position: relative;
  width: 100%;
  height: 300px;
  background: #000;
  cursor: pointer;
  overflow: hidden;
}

.video-gallery .gallery-item img {
  position: relative;
  display: block;
  width: 115%;
  height: 300px;
  object-fit: cover;
  opacity: .5;
  /*transition: opacity .35s, transform .35s;*/
  transition: all 350ms ease-in-out;
  transform: translate3d(-23px, 0, 0);
  /*backface-visibility: hidden;*/
}

.north-cascades-img {
  object-position: 50% 30%;
}

.video-gallery .gallery-item .gallery-item-caption {
  padding: 32px;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-gallery .gallery-item h2 {
  font-weight: 300;
  overflow: hidden;
  padding: 12px 0;
}

.video-gallery .gallery-item h2,
.video-gallery .gallery-item p {
  position: relative;
  margin: 0;
  z-index: 1;
  pointer-events: none;
}

.video-gallery .gallery-item p {
  letter-spacing: 1px;
  font-size: 12px;
  padding: 12px 0;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(10%, 0, 0);
}

.video-gallery .gallery-item:hover img {
  opacity: 0.3;
  transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item .gallery-item-caption {
  text-align: left;
}

.video-gallery .gallery-item h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  height: 1px;
  background: #fff;
  transition: transform 0.3s;
  transform: translate3d(-100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after {
  transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/*
@media screen and (max-width: 784px) {
  .video-gallery {
    width: 100%;
    padding: 15px;    

  }
  .video-gallery .gallery-item {
    width: 95%;
    margin: 0 auto; 
    width: 100%;
  }
}
*/
.stream-content .tabs{
    padding:60px 0px;
}

#monitor {
    background: #000; 
    position: relative;
    border-top: 3px solid #888; 
   /* margin: 5%; */
    padding:0% 0% 2% 0%; 
    border-radius: 10px; 
    border-bottom-left-radius: 50% 2%; 
    border-bottom-right-radius: 50% 2%; 
    transition: margin-right 1s;
}

/*#monitor:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3%;
    left: 36%;
    height: .5%; 
    width: 28%;
    background: #ddd; 
    border-radius: 50%; 
    box-shadow: 0 0 3px 0 white; 
}*/

#monitorscreen {
    position: relative;
  background-color: #777;
    background-size: cover; 
    background-position: top center;
    height: 0; 
/*    padding-bottom: 56.25%; */
    position: relative;
    overflow: hidden;
}


@media all and (min-width: 960px) {
   /* #monitor {
        -webkit-animation: tvflicker .2s infinite alternate; 
        -moz-animation:    tvflicker .5s infinite alternate; 
        -o-animation:      tvflicker .5s infinite alternate; 
        animation:         tvflicker .5s infinite alternate; 
    }*/

    @-webkit-keyframes tvflicker {
      0%   { box-shadow: 0 0 100px 0 rgba(200,235,255,0.4); }
      100% { box-shadow: 0 0 95px 0 rgba(200,230,255,0.45); }
    }
    @-moz-keyframes tvflicker {
      0%   { box-shadow: 0 0 100px 0 rgba(225,235,255,0.4); }
      100% { box-shadow: 0 0 60px 0 rgba(200,220,255,0.6); }
    }
    @-o-keyframes tvflicker {
      0%   { box-shadow: 0 0 100px 0 rgba(225,235,255,0.4); }
      100% { box-shadow: 0 0 60px 0 rgba(200,220,255,0.6); }
    }
    @keyframes tvflicker {
      0%   { box-shadow: 0 0 19px 0px rgba(225, 235, 255, 0.4); }
      100% { box-shadow: 0 0 5px 0px rgba(200, 220, 255, 0.6); }
    }
}


.active {background: aliceblue;
    color: #000;}

    /* Tab Button Animations */
[role="tab"] {
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for background and text color */
}

/* Tab Panel Fade-in Animation */
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

/* Keyframes for fadeIn effect */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Optional: Hide panels initially */
[role="tabpanel"] {
  display: none; /* Hide by default */
}

[role="tabpanel"]:not([hidden]) {
  display: block; /* Show when not hidden */
  transition: opacity 0.3s ease-in-out; /* Smooth fade in/out effect */
}


#monitor{
    position:relative;
}

#monitor img {
    position: absolute;
 z-index:   1;
    left: 50%;
    bottom: -7px;
    transform: translate(-50%, -50%);
    width: 42px !important;
}

section.steps-section h2 {
    color: #fff;
}   

section.steps-section .title {
    padding-left: 60px;
    font-size: 22px;
    color: #fff !important;
}


section.steps-section .title:before {
 
    background-color: #fff !important;  
}


section.steps-section .title:after {

    background-color: #fff  !important;
}

section.steps-section  h5 {
    color: #fff !important;
}



/*livestream*/
.live_stream_location{
    height:95%;
    display: flex;
    justify-content:space-between;
    flex-direction:column;
    align-items:center;
}


.ddis_sec {
    padding: 50px 33px;
/*    background: #2c63ae;*/
    border-radius: 41px;
    margin: 32px 0px;
}

.preloader .loader {
  width: 24px;
  height: 24px;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #e31e24;
  box-sizing: border-box;
  animation: rotation_19 1s linear infinite;
}

.preloader .loader::after,
.preloader .loader::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  background-color: #FFF;
  border-radius: 50%;
  animation: scale50 1s infinite ease-in-out;
}

.preloader .loader::before {
  top: auto;
  bottom: 0;
  background-color: #e31e24;
  animation-delay: 0.5s;
}

@keyframes rotation_19 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.preloader .loader {
  width: 60px;
  display: flex;
  justify-content: space-evenly;
}

.preloader .ball {
  list-style: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: red;
}



/*.gallery_img:hover {
        box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px;

}*/

.gallery_img {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    overflow: hidden;
    width: 100%;
    margin: 15px 0px;
    position: relative;
    padding: 4px;
    border-radius: 15px;
}



.gallery_img:hover img {    
    transform: scale(1.3);
}
.gallery_img:hover .galley_logo {
    background: #0000005e;
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    left: 5px;
    z-index: 1;
    margin: 6px 0px;
    top: -2px;
    border-radius: 13px;
}

.galley_logo {
     display: none; 
    transition: -0.7s;
}

.galley_logo img {
    width: 20%;
    padding: 10px 0px 11px 12px;
}

.gallery_img img {
    border-radius: 2px;
    
    /* padding: 3px; */
    transition: 1.2s;
    /* border: 2px solid #101010; */
    background: #ee442300;
}

.zoom-icon {
    display: none;
}


.gallery_img:hover .zoom-icon {
    position: absolute;
    z-index: 1;
    top: 42%;
    display: block;
    left: 45%;
}

.zoom-icon  i {
    color: #fff;
    font-size: 50px;
}



.icetab {
    padding: 20px;
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 57px;
    height: 100%;
}
.icetab:last-child {
    border-right: 2px solid #ee4423;    
}

#icetab-content {
    overflow: hidden;
    position: relative;
/*    border-top: 2px solid #ee4423;*/
}


.tabcontent {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    width: 100%;

    border-top: 0px;
/*    border: 2px solid #ee4423;*/
    border-top: 0px;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.tabcontent:first-child {
    position: relative; 
}
.tabcontent.tab-active {
    border-top: 0px;
    display: block;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}


/* A tiny wee bit of visual formating */

.codepen-container {
  max-width: 700px;
  margin: 40px;
  margin-left: auto;
  margin-right: auto;
}

.tabcontent {
    padding: 40px;
}
.icetab {
    padding: 20px;
    align-items: center;
    box-shadow: 1px 1px 0px 12px #ffff;
    width: 100%;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 78px;
    height: 100%;
}
.current-tab { 
        color: #fff;
            z-index: 1;
    background: #ee4423;
}



section.gallery {
    margin: 25px 0px;
}

.main_container{
    display:flex;
    align-items:center;
    justify-content:center;
}

div#icetab-container {
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: -5px;
    height: 901px;
    justify-content: space-between;
    background: #dddddd45;
}

    .site-navigation .inner ul li a {
        display: flex;
        justify-content: unset;
        align-items: center;
    }



.site-navigation .inner ul li ul li a {
    font-size: 20px;
}

.site-navigation .inner ul {

    padding-top: 54px;

}

.why_img {
    text-align: center;
}




.footer-list ul>li a {
color: #fff;

}

.nav_data {

    top: -12px;
}


.testimonials .row {
    justify-content: center;
}



/* Wrapper for the select field */
.custom-select-wrapper {
    position: relative;
    width: 100%; /* You can adjust this based on your form layout */
}

.custom-select {
    appearance: none; /* Removes default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px; /* Adds space for the custom arrow */
}

/* Dropdown arrow styling */
.custom-select-wrapper::after {
    content: '▼'; /* You can use a different symbol or image for the arrow */
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333; /* Arrow color */
}

/* Optional: Styling the select box */
.custom-select {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}