.dropup, .dropdown {
    position: inherit;
}

.submenu-line1 ul{
    display: none;
}
.submenu-line2 ul{
    display: none;
}

.menu {
    position: fixed;
    padding:20px;
    top: 61px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  
  .menu.open {
    opacity: 1;
    visibility: visible;
  }
  
  .menu-toggle {
    position: absolute;
    right: 0px;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  

  .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 6px 0;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
  }
  
  .menu-toggle.open span:first-child {
    transform: rotate(45deg) translate(5px, 5px);
    width: 30px;
  }
  
  .menu-toggle.open span:nth-child(2) {
    opacity: 0;
  }
  
  .menu-toggle.open span:last-child {
    transform: rotate(-45deg) translate(5px, -5px);
    margin-top: -2px;
    width: 30px;
  }
  
  

body{
    margin-top: 0px;
}

b{
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color:#001478;
  
}

.ci-dark b{
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color:#fff; 
}



.index_dark b{
    color:#ffffff;
}

h2{
    font-family: popins;
    font-size: 50px;
    line-height: 75px;
    letter-spacing: 25px;
    text-transform: uppercase;
    color:#010b2e;
}



 .index_dark h2{
    color:#ffffff;
    font-weight: 500;
}

.inner h2{
    font-size: 50px;
    color:#001478;
    font-weight: 500;
    letter-spacing: 12px;
    line-height: 60px;
 
}




/*---------Contact Form---------*/

.label_b{
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 10px;
    font-size: 13px;
    transition: transform .2s;
    transform-origin: top left;
    font-weight: 400;
    color: #001478;
  }

  .input_b {
    font-size: inherit;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(0,20,120,0.07);
    border: none;
    padding-left: 8px;
    border-radius: 4px;
  }
  
  .input_b:invalid+.label_b {
    color: #001478;
  }

  .required_asterisk {
    color: red;
    margin-left: 3px;
}

 
  .input_b:focus {
    outline: none;
    background: #d9f0ff;
  }

  .input_b:is(:focus, :not([value=""]))+.label_b,
  .input_b:not(:placeholder-shown) +.label_b
  {
    transform: translateY(-1.85em) translateX(-0.83em) scale(0.85);
    font-weight: 400;
    color: #46b6e4;
    opacity: 0.7;
  }


  

  .imput_wrapper {
    position: relative;
    padding: 0px;
    font-family:'Roboto';
    border-radius: 4px;
    line-height: 40px;
}
.single-textarea::placeholder {
    font-size: 13px;
    color: #001478;
    font-family:'Roboto';
}

.single-textarea {
    background: rgba(0,20,120,0.07);
    padding: 6px 10px;
    font-family: roboto;
    border-radius: 4px;
    line-height: 22px;
    color: #001478;
    font-family:'Roboto';
}

.single-textarea:focus {
    background: rgba(0 154 255 / 15%);
    border: 0px;
}

.single-textarea::placeholder{
    font-weight: 400;
    color: #001478;
    font-family:'Roboto';
}

.mor-title{
    font-size: 13px;
    transform-origin: top left;
    font-weight: 400;
    color: #001478;
    letter-spacing: 0.2px;
}

#myFile{
    font-size: 13px;
    font-family:'Roboto';
}

.choose-file-button {
    background-color: rgba(71,183,228,0.25);
    font-size: 13px;
    padding: 10px 15px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    color: #001478;
    font-family:'Roboto';
  }

  .choose-file-button:hover {
    opacity: 0.8;
  }

  #resumeDisplay{
    font-size: 13px;
    font-weight: 400;
    color: #001478;
    font-family:'Roboto';
    opacity: 0.5;
    margin: auto 0;
  }

  #coverDisplay{
    font-size: 13px;
    font-weight: 400;
    color: #001478;
    font-family:'Roboto';
    opacity: 0.5;
    margin: auto 0;
  }

  .res-imp{
    display: flex;
    gap: 15px;
  }

 

  label {
    display: inline-block;
    margin-bottom: 0.5rem;
}


/*----------End Contact Form---------*/

@font-face {
    font-family: "CustomFont";
    src: url("/fonts/HELVETICA-BOLD.TTF");
    src: url("/fonts/HELVETICA-BOLDOBLIQUE.TTF");
    src: url("/fonts/HELVETICA-LIGHT-587EBE5A59211.TTF");
    src: url("/fonts/HELVETICA-OBLIQUE.TTF");
    src: url("/fonts/HELVETICA-OBLIQUE.TTF");
    }


 h1, h2, h3, h4, h5{
    font-family: 'Poppins', sans-serif;
}

h3, .blog h2  {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px; 
    text-transform: none;
    color: #001478;
}


.index_dark h3 {
    color: #ffffff; 
    font-weight: 600; 
}


.des-big-main{
    font-weight: 300!important; 
    margin-top: 60px;
}

p {
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.3px;
    font-weight: 400;
    color: #000b2e;
    margin-bottom: 0px;
}

.termd-cont li{
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #000b2e;
    margin-bottom: 0px;
}

.termd-cont ol>li{
    list-style: lower-alpha;
    margin-left: 25px;
}

.index_dark .des-big{
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 45px!important;
    width: 90%;
    font-weight: 300;
    margin-top: 20px;

}

.ov-in h3{
    margin-top: 30px;
    width: 80%;
    font-weight:400;
}

.con-in-inf.no-flex{
    display: block;
}

.con-in-inf.blue-cont

.logos-grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 20%;
    justify-content: space-between;
}

.pink_logos {
    width: 100%;
    margin: auto;
}

.part_logos {
    width: 55%;
}

.part_logos.pl_big{
    width: 40%;
}

.part_logos.pl_big_b{
    width: 30%;
}


.for-bor-radius{
    border-radius: 16px;
}

.logo-gr {
    border-right: 1px solid #ffa619;
    border-bottom: 1px solid #ffa619;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    margin-right: -1px;
    margin-bottom: -1px;
}

.pl-small-ex {
    width: 60%;
    margin: auto;
}


.pl-small {
    width: 85%;
    margin: auto;
}

.des-big{
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 20px;
    letter-spacing: 1px;
    width: 100%;
    margin-bottom: 9px;
    font-weight: 600;
    margin-top: auto;
    color:#001478;
}


.index_dark .inner_main_title p{
    opacity: 1;
}

.sec-marg{
    margin-top: 80px;
    position: relative;
}


.index_dark p{
    color:#fff;
    opacity: 0.85;
}


 .index .navbar {
    padding: 1.5rem 110px;
    -webkit-transition: all 0.1s ease 0s;
    -moz-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
    transition: all 0.1s ease 0s;
}
.is-sticky .navbar{
       padding: 0.22rem 110px;
}


.top-main-logo{
    height: 65px;
}


.imput-hold{
    width: 100%;
}


.dub-imput{
    display: flex;
    gap: 50px;
    justify-content: space-between;
}


.tech .team_name{
    font-weight: 600;
    margin-top: 20px;
}

.tech .team_title{
    font-size: 17px;
    margin-top: -3px;
}

.ui-corner-top{
    margin-top: 140px;
}
.tech .app-hold p{
    font-size: 15px;
    line-height: 22px;
    color: #000000;
}

.tech .app-elem p{
    color: #000000;
}
.app-main-logo{
    width: 60%;
}
.app-col{
    width: 40%;
}
.app-logo-menu{
    max-width: 100%;
}

.app-big-el{
    max-width: 100%;
}
.app-screen{
    max-width: 100%;
    margin-bottom: -110px;
    padding: 5%;
}

.adv-sol h1{
    font-size: 75px;
    color:#fdd900;
    font-weight: 800;
}

.adv-sol{
    border-top:1px solid #001478;
    border-bottom:1px solid #001478;
    padding: 30px 0;
    margin-top: -1px;
    background: linear-gradient(200deg, rgba(253,217,0,0.20) 0%, rgba(255,255,255,1) 20%);
}

.solgrow-in{
    width: 100%;
    /*background-color: #001478;*/
    padding:100px;
    border: 2px solid #ffffff;
    border-radius: 16px;
}

.cont-in{
    width: 100%;
    padding: 0px 100px;
}

.left-teaser-hold{
    padding: 0px;
    display: grid;
    grid-template-columns: 50% 40%;
    gap: 40px;
}



.back-grid{
    display: grid;
    grid-template-columns: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-left: 110px;
}

.right-teaser-hold{
    padding: 0px;
    display: grid;
    grid-template-columns: 40% 50%;
    gap: 40px;
}

.teaser-hie{
    height: 570px;
}


.pa-big-tes{
    max-width: 100%;
    border-radius: 16px;
}


.lr-teser .teas-hold-desc{
    width: 70%;
}

.pa-big-tes-left{
    max-width: 100%;
}

.ci-in{
    padding: 100px;
    border-radius: 16px;
}

.yel-cont .ci-in{
    padding: 50px 0px 50px 0px;
    border-radius: 16px;
}

.sin-hold .ci-in {
    padding: 70px;
    border-radius: 16px;
}

.hold-yel-sin{
    background-image: url(../img/lines_texture_yell_c.svg);
    background-color: #fef48e;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.back-teaser{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-left: 110px;
    padding-right: 110px;
}


.blue-teaser{
    border-radius: 16px;
    max-width: 100%;
}

.ci-rtb{
    background-color: #001478;
    padding-bottom: 100px;
    padding-top: 20px;
}

.rtb-flow-vid{
    max-width: 100%;
    margin-bottom: 100px;
}

.sin-hold{
    padding-bottom: 100px;
}

.tvmob-hold{
    background-color: #001478;
}

.ci-ctv{
    background-color: #cfd6f2;
    padding: 100px 100px 0px 100px;
}
.amb-teaser{
    padding: 0px 100px 0px 0px;
}

.amb-teaser-grid{
    display: flex;
    justify-content: space-around;
    position: relative;
    margin-top: 20px;
}

.inner.amb .inner_main_title {
    padding-top: 120px;
}

.amb-teaser-grid h3{
    width: 48%;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: -10%;

}


.elm_hold{
    width: 100%;
    height: 700px;
    position: absolute;
    filter: drop-shadow(30px 15px 5px rgb(0 0 0 / 0.15));
    z-index: 1;
}

@keyframes planet-a{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ball_a{
    position:absolute; 
    top: 10%;
    left: 10%;
    width: 35px;
    animation: ball-move-a 15s ease-in infinite, ball-move-a 15s ease-out infinite;
}


@keyframes ball-move-a{
    0%{
        transform: scale(1.2) translate(0px, 0px);

    }
    50%{
        transform: scale(1) translate(30px, 30px);
                        
    } 
    100%{
        transform: scale(1.2) translate(0px, 0px);

    }  
   
}

.ball_b{
    width: 15px;
    position: absolute;
    right: 15%;
    bottom: 0;
    animation: ball-move-b 20s ease-in infinite, ball-move-b 20s ease-out infinite;
    z-index: 1;
}


@keyframes ball-move-b{
    0%{
        transform: scale(1.2) translate(-60px, -60px);

    }
    50%{
        transform: scale(1) translate(0px, 0px);
                        
    } 
    100%{
        transform: scale(1.2) translate(-60px, -60px);

    }  
   
}

.ball_c{
    width: 10px;
    position: absolute;
    right: 0;
    bottom: 10%;
    animation: ball-move-c 25s ease-in infinite, ball-move-c 25s ease-out infinite;
    z-index: 1;
}

@keyframes ball-move-c{
    0%{
        transform: scale(1.2) translate(0px, 0px);

    }
    50%{
        transform: scale(1) translate(-50px, -50px);
                        
    } 
    100%{
        transform: scale(1.2) translate(0px, 0px);

    }  
   
}


.ball_d{
    width: 10px;
    position: absolute;
    top: 20%;
    right: 10%;
    animation: ball-move-d 30s ease-in infinite, ball-move-d 30s ease-out infinite;
    z-index: 1;
}

@keyframes ball-move-d{
    0%{
        transform: scale(1.2) translate(0px, 0px);

    }
    50%{
        transform: scale(1) translate(40px, -40px);
                        
    } 
    100%{
        transform: scale(1.2) translate(0px, 0px);

    }  
   
}


.ball_e{
    width: 17px;
    position: absolute;
    top: 40%;
    left: 0;
    animation: ball-move-e 23s ease-in infinite, ball-move-e 23s ease-out infinite;
    z-index: 1;
}

@keyframes ball-move-e{
    0%{
        transform: scale(1.3) translate(40px, 60px);

    }
    50%{
        transform: scale(1) translate(0px, 0px);
                        
    } 
    100%{
        transform: scale(1.3) translate(40px, 60px);

    }  
   
}


.ball_f{
    width: 28px;
    position: absolute;
    top: 50%;
    right: 15%;
    animation: ball-move-f 30s ease-in infinite, ball-move-f 30s ease-out infinite;
    z-index: 1;
}


@keyframes ball-move-f{
    0%{
        transform: scale(1.2) translate(0px, 0px);

    }
    50%{
        transform: scale(1) translate(80px, -30px);
                        
    } 
    100%{
        transform: scale(1.2) translate(0px, 0px);

    }  
   
}


.ball_g{
    width: 15px;
    position: absolute;
    top: 70%;
    left: 5%;
    animation: ball-move-g 30s ease-in infinite, ball-move-g 30s ease-out infinite;
    z-index: 1;
}


@keyframes ball-move-g{
    0%{
        transform: scale(1.2) translate(80px, -30px);

    }
    50%{
        transform: scale(1) translate(0px, 0px);
                        
    } 
    100%{
        transform: scale(1.2) translate(80px, -30px);

    }  
   
}

.ball_h{
    width: 12px;
    position: absolute;
    top: 20%;
    left: 15%;
    animation: ball-move-h 40s ease-in infinite, ball-move-h 40s ease-out infinite;
    z-index: 1;
}


@keyframes ball-move-h{
    0%{
        transform: scale(1.2) translate(30px, 80px);

    }
    50%{
        transform: scale(1) translate(0px, 0px);
                        
    } 
    100%{
        transform: scale(1.2) translate(30px, 80px);

    }  
   
}

.ball_i{
    width: 22px;
    position: absolute;
    bottom: 5%;
    left:0;
    animation: ball-move-i 40s ease-in infinite, ball-move-i 40s ease-out infinite;
    z-index: 1;
}


@keyframes ball-move-i{
    0%{
        transform: scale(1.2) translate(50px, -10px);

    }
    50%{
        transform: scale(1) translate(0px, 0px);
                        
    } 
    100%{
        transform: scale(1.2) translate(50px, -10px);

    }  
   
}
.amb{
    overflow-x: hidden;
}


.teas-amb-bg {
    position: absolute;
    top: -435px;
    left: -960px;
    z-index: -2;
}


.pers_teaser{
    max-width: 100%;
    top: 0;
}

.pers-slide{
    position: absolute;
    bottom:-1px;right:0;
}

.pers-back{
    filter: drop-shadow(0px 0px 100px RGBA(71,183,228,0.7));
    z-index: -1;
    position: relative;
}

.ci-ctv-in{
    background-color: #cfd6f2;
    padding: 100px 200px;
    border-radius: 16px;

}

.ci-ctv-in .con-in-inf-title h3{
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: 800;
    width: 50%;

}

.con-in-inf-title{
    padding-bottom: 80px;
}


.tv-ctv-hold{
    transform: translateY(100px) scale(0.8);
    margin-top: -250px;
    margin-bottom: 220px; 
    text-align: center;
    animation: rotate 0.1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -0.5s);

    animation-iteration-count: 1;
    animation-fill-mode: both; 
}


@keyframes rotate {
    to {
      transform: translateY(150px);
    }
  }


  .tv-ctv-hold {
    transform: translateY(100px);
    margin-top: -220px;
    margin-bottom: 200px;
    text-align: center;
}


.redplay{
    max-width: 100%;
    margin-left: auto;_scr_mov
    border-radius: 12px;
}

.cat-screen-hold{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 10px;
}




.cat-cir{
    max-width: 100%;
    border-radius: 50%;
}

.cir-categ{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 1;
    gap: 80px;
    padding-top: 100px;
    position: relative;
    width: 110%;
}


.in-vid-cor {
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    animation: fra 1s linear infinite;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    
    animation-delay: calc(var(--scrollb) * -1s);
    animation-play-state: paused;
}




.tv_scr_mov{
    transform: translateY(-150px);
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    animation: mov 0.1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -0.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both; 
    padding-left: 15%;
}


@keyframes mov {
    to {
      transform: translateX(100px);
    }
  }

  
.hand-mov-left{
    transform: translateX(0em);
    margin: auto;
    max-width: 100%;
    animation: hand-mov-l 0.1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both;  
}


@keyframes hand-mov-l {
    to {
      transform: translateX(4em);
    }
  }

  .hand-mov-right{
    transform: translateX(0%);
    max-width: 100%;
    animation: hand-mov-r 0.1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both; 
}


@keyframes hand-mov-r {
    to {
      transform: translateX(-4em);
      
    }
  }


  .left-hand-ic-a{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
  }

  mark {
    display: inline-block;
    line-height: 0em;
    padding-bottom: 0.6em;
    background-color: #fefdbd;
    font-weight: 600;
  }


  .yel-mark{
    
    padding: 3px;
  }


  .ba_vid{
    position: relative;
    z-index: 1;
 }


 .user-acq{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    z-index: 1;
    filter: drop-shadow(10px 5px 5px rgb(0 0 0 / 0.25));
 }

  .ban_mov{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 100%;

}


@keyframes ban {
    to {
      transform: translateY(500px);
    }
  }





.tv_scr{
    max-width: 100%;
}

.tv_scr-hold{
    border: 4px solid #8b8a8a;
    position: relative;
    max-width: 1084px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #000;
    box-shadow: 10px -10px 10px rgb(0 0 0 / 20%);
    border-radius: 3px;
}

.ts-bord{
    border: 4px solid #8b8a8a;
    border-radius: 3px;
    box-shadow: 10px -10px 15px rgba(0,0,0,0.25);
}

.ci-mobile{
    background-color: #fefdbd;
    padding: 400px 100px 100px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.ci-mobile-cont{
    width: 70%;
    margin-top: 80px;
}

.ci-mobile-cont h3{
    color: #000;
    margin-bottom: 20px;
}


.ci-in-bord-top-sm{
    border-radius: 12px 12px 0px 0px; 
}


.ci-in-bord-bottom-sm{
    border-radius: 0px 0px 12px 12px; 
}

.ci-in-bord-top{
    border-radius: 16px 16px 0px 0px; 
}


.ci-in-bord-bottom{
    border-radius: 0px 0px 16px 16px; 
}

.tv_scr_mov_mob {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    padding-left: 15%;
    animation: ctvinmob 5s infinite linear;
}


@keyframes ctvinmob{
            0%{
                transform: translateY(-20px);
            }

            50%{
                transform: translateY(20px);
            }

            100%{
                transform: translateY(-20px);
            }
            
}

.mob-top-front{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    animation: mob-fro 1s normal forwards ease-in-out;
    transform: translateY(-60px);
    animation-delay: 1s;
    opacity: 0;

}

@keyframes mob-fro{
    0%{
        opacity: 0;

    }

    100%{
        transform: translateY(-100px);
        opacity: 1;
    } 
   
}

.mob-top-back{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 1;
    transform: translateY(-40px);
    animation: mob-back 1s normal forwards ease-in-out;
    filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.5));
    animation-delay: 0.3s;
}

@keyframes mob-back{
    0%{
        opacity: 1;

    }

    100%{
        transform: translateY(-100px);
        opacity: 1;
        filter: drop-shadow(0px 60px 10px rgb(0 0 0 / 0.20));
    } 
   
}





.top-cor-ri{
    position: absolute;
    top:0;
    right: 0;
    width: 70%;
}
.top-cor-le{
    position: absolute;
    top:0;
    left: 0;
    width: 70%;
    transform: rotate(270deg);
}

.in-vid-cor{
    height: 350px;
    display: flex;
}
.vid-cor-left{
    width: 50px;
    margin-bottom: auto;
    padding-top: 50px;
}
.vid-cor-right{
    width: 50px;
    transform: rotate(180deg);
    margin-top: auto;
    margin-left: auto;
    padding-bottom: 30px;
    z-index: 2;
}


.dim{
    width: 100%;
    mix-blend-mode: hard-light;
}

.ci-dark {
    background-color: #001478;
    padding: 100px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.ci-blue{
    background-color: #c7e9f7;
    padding: 50px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    height: 650px
}

.aa-grad{
    background: rgb(178,251,249);
    background: linear-gradient(145deg, rgba(178,251,249,1) 0%, rgba(255,178,202,1) 100%);
    
}

.apple-s .tt-hold-all{
    background-color: #e5e7f1;
    border-radius: 16px;
    position: relative;
    overflow:initial;
    height: 650px;
    display: flex;
    padding: 0px 0px 0px 100px;
    z-index: 1;
}

.tt-hold-all{
    background-color: #001478;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    height: 800px;
    display: flex;
    padding: 0px 0px 0px 100px;
    z-index: 1;
}

.ci-yell.ci-dark{
    background-color: #fdd900;
}


.ci-yell .start_btn_inner_bottom.btn_dark{
    background-color: #001478;
    color: #fff!important;
}

.ci-dark.ban-roll-all{
    padding: 180px 100px;
}

.ci-yell .start_btn_inner_bottom.btn_dark{
    margin: 40px auto 0px;
}


.ci-dark.ci-d-vid{
    background-color: rgba(0,0,0,0);
}

.ci-dark h2{
    color: #ffffff;
}


.ci-dark h3{
    color: #ffffff;
}

.ci-dark .teas-hold-desc p{
    margin-top: 80px;
    color: #ffffff;
    width: 80%;
}

.app-teas{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 90%;
}

.apple-s .app-teas p{
    margin-top: 0px;
    color: #000b2e;
    width: 80%;
    margin-top: 80px;
}

.apple-s .app-teas h3{
    margin-top: 0px;
    color: #001478;
    width: 80%;
    font-weight: 500;
}

.fly-app{
    position: relative;
    height: 100%;
    z-index: 3;
}


.fly-app-a{
    animation: app-a 10s infinite;
    max-width: 30%;
    position: absolute;
    right: 450px;
    bottom: 45%;
     
}

@keyframes app-a{
			0%{
				transform: translateY(0px);
                filter: drop-shadow(0px 60px 8px rgb(0 0 0 / 0.1));
			}

			50%{
				transform: translateY(30px);
                filter: drop-shadow(0px 30px 2px rgb(0 0 0 / 0.2));
			}
            100%{
				transform: translateY(0px);
                filter: drop-shadow(0px 60px 8px rgb(0 0 0 / 0.1));
			}
	
}

.fly-app-b{
    margin-top: 50px;
    animation: app-b 10s infinite;
    max-width: 30%;
    position: absolute;
    right: 100px;
    bottom: 55%;
}


@keyframes app-b{
			0%{
				transform: translateY(30px);
                filter: drop-shadow(0px 30px 2px rgb(0 0 0 / 0.2));
			}

			50%{
				transform: translateY(0px);
                filter: drop-shadow(0px 60px 8px rgb(0 0 0 / 0.1));
			}
            100%{
				transform: translateY(30px);
                filter: drop-shadow(0px 30px 2px rgb(0 0 0 / 0.2));
			}
	
}


.ben-icon-hold{
    margin-top: 50px;
}

.ben-icon{
    max-width: 90px;
    height: 80px;
    margin-bottom: 30px;
}

.ci-dark .teas-hold-desc h3{
    margin-top: 40px;
    color: #fff;
}

.ci-dark .teas-hold-desc.w-bull h3{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #ffa619;
}

.banner_vid {
    width: 507px;
    position: relative;
    z-index: 1;
}

.pub_poster_bg {
    background-image: url(../img/macd_canvas.jpg);
    background-size: cover;
    max-width: 100%;
}

.phone_hold {
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    bottom: 0px;
    max-width: 100%;
    z-index: 1;
}

video {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    display: flex;
    margin: 0 auto;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:hover{
    box-shadow: 0px 0px 50px rgb(71 183 228 / 90%);

}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #ed4899;
    border-radius: 50%;
    transition: all 200ms;
    box-shadow: 0px 0px 30px rgb(71 183 228 / 70%);
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0px;
    height: 0;
    border-left: 30px solid #fff;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    margin: auto;
    justify-items: center;
    margin-top: 4px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #0677ff;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  

.solgrow{
    padding-left: 110px;
    padding-right: 110px;
}

.ad-grid{
    display: grid;
    grid-template-columns: 45% 45%; 
    justify-content: space-between;
}

.mob-adv-grid{
    display: grid;
    grid-template-columns: 45% 55%;
    justify-content: space-between;
    width: 100%;
}

.gol-doul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.ma-bull{
    display: flex;
    gap: 15px;
    margin-bottom: 60px;
}

.pa-h-hold h3{
    max-width: 400px;
    padding-bottom: 20px;
}


.pa-bullets .ma-bull{
    margin-bottom: 15px;
}

.yell-bull{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.left-yel-border{
    border-left: 4px solid #fdd900;
    padding-left: 15px;
    padding-right: 2%;
}

.yel-teaser-cta{
    color: #000b2e;
    font-weight: 700;
    margin-top: 60px;
    width: 80%;
}

.gol-doul h2{
    font-size: 45px;
    letter-spacing: 15px;
    position: relative;
    z-index: 1;
}
.mob-right-comp-a{
    position: relative;
    width: 690px;
    height: 750px;
    margin-left: auto;
}

.mob-right-comp-b{
    position: relative;
    display: flex;
    margin: auto 0;
}

.hand-left-hold{
    margin-top: 150px;
    position: relative;
    top: 0;
    left: 0;
}

.left-hand, .right-hand{
    max-width: 100%;
}


.mob-right-el-a{
    position: absolute;
    left: 106px;
    top: 120px;
    
}

.upd-arr{
    width: 30px;
    position: absolute;
    right: 30px;
    top: -15px;
    transform: scale(0.0);

}

.upd-arr.adsPageAnim-a{
    animation: upd-arr-mov 0.5s normal forwards ease-in-out;
    animation-delay: 0s;
}



@keyframes upd-arr-mov{
    0%{
       transform: scale(0.0);
    }

    70%{
        transform: scale(1.1);
    } 

    100%{
        transform: scale(1);
    } 
}


.cas-app{
    max-width: 100%;
}

.mob-right-el-b{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    border-radius: 200px;
    animation: wom-mov 1s normal forwards ease-in-out;

}


.mob-right-el-c{
    position: absolute;
    top: 324px;
    left: 0;
    max-width: 100%;
}
  
  .counter-graph {
    font-size: 20px;
    animation: count-up 2s ease-out;
    transform: translate(13px, 54px);
    font-weight: 400;
    color: #fff;
}

.graph-inf{
    position: absolute;
    top: 120px;
    left: 52px;
    z-index: 1;
    width: 120px;
}

.graph-inf.adsPageAnim{
    animation: graph-inf-mov 1.8s normal forwards ease-in-out;
    animation-delay: 0s;
}


@keyframes graph-inf-mov{
    0%{
        top: 120px;
        left: 52px;
    }

    20%{
        left: 72px;
    }

    80%{
        left: 105px;
    }

    90%{
        left: 115px;
    }

    100%{
        top: 6px;
        left: 125px;
    } 
}

.shild-ico{
    position: absolute;
    left: 308px;
    bottom: 60px;
    max-width: 120px;
    z-index: 1; 
    transform: scale(0);
    
}
.shild-ico.adsPageAnim-b{
    animation: shild-ico-mov 0.8s normal forwards ease-in-out;
}



@keyframes shild-ico-mov{
    0%{
        transform: scale(0);
    }

    50%{
        transform: scale(1.1);
    }


    75%{
        transform: scale(0.95);
    }

    100%{
        transform: scale(1);
   
    }
}



.graph-pink{
    max-width: 100%;
}

.ban-rol-hold{
    height: 10;
}

.plus-cen {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    --b:1px; /* the thickness */
    width:111px; /* the size */
    aspect-ratio:1/1;
    border:10px solid #000; /* the outer space */
    background:
      conic-gradient(from 90deg at var(--b) var(--b),#000 90deg,#ffffff4d 0) 
      calc(100% + var(--b)/2) calc(100% + var(--b)/2)/
      calc(50%  + var(--b))   calc(50%  + var(--b));
    display:inline-block;
  }

.l-bord-yel{
    border-left: 3px solid #fdd900;
    padding-left: 20px;
}

.sin-icon{
    width: 130px;
}

.loader-ele{
    height: 270px;
}
.loader-in{
    margin: auto;
}
.hold-loader{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #000000;
    padding:5%;
}

.logos-grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 70px 20%;
    justify-content: space-between;
}

.datat h3{
    margin-top: 30px;
}

.teas-hold-desc.datat p{
    margin-top: 80px;
}


.typ-in{
    justify-content: center; 
    margin:0% 0% -6%;
}
.typ-in h2{
    font-size: 22rem;
    font-weight: 900;
    color: #000000;
}
.typ-tag{
    padding: 5%;
    background:#eeeeee;
}
.tech .typ-tag p{
    color: #515151;
    font-weight: 300;
}
.type-small{
    font-size: 10rem;
    font-weight: 400;
}
.color-grad-a {
    background: rgb(86,104,176);
    background: -moz-linear-gradient(35deg, rgba(86,104,176,1) 0%, rgba(234,74,153,1) 100%);
    background: -webkit-linear-gradient(35deg, rgba(86,104,176,1) 0%, rgba(234,74,153,1) 100%);
    background: linear-gradient(35deg, rgba(86,104,176,1) 0%, rgba(234,74,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5668b0",endColorstr="#ea4a99",GradientType=1);
    height: 140px;
}
.color-grad-b {
    background: rgb(104,190,99);
    background: -moz-linear-gradient(35deg, rgba(104,190,99,1) 0%, rgba(74,183,228,1) 100%);
    background: -webkit-linear-gradient(35deg, rgba(104,190,99,1) 0%, rgba(74,183,228,1) 100%);
    background: linear-gradient(35deg, rgba(104,190,99,1) 0%, rgba(74,183,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#68be63",endColorstr="#4ab7e4",GradientType=1);    height: 140px;
}
.color-grad-c {
    background: rgb(252,217,0);
    background: -moz-linear-gradient(35deg, rgba(252,217,0,1) 0%, rgba(235,34,39,1) 100%);
    background: -webkit-linear-gradient(35deg, rgba(252,217,0,1) 0%, rgba(235,34,39,1) 100%);
    background: linear-gradient(35deg, rgba(252,217,0,1) 0%, rgba(235,34,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcd900",endColorstr="#eb2227",GradientType=1);    height: 140px;
}

.color-circle-a{
   width: 70px;
   height: 70px; 
   border-radius: 35px;
   background: #5668b0;
}

.color-circle-b{
    width: 70px;
    height: 70px; 
    border-radius: 35px;
    background: #ea4a99;
}

 .color-circle-c{
    width: 70px;
    height: 70px; 
    border-radius: 35px;
    background: #68be63;
 }

 .color-circle-d{
    width: 70px;
    height: 70px; 
    border-radius: 35px;
    background: #4ab7e4;
 }

 .color-circle-e{
    width: 70px;
    height: 70px; 
    border-radius: 35px;
    background: #fcd900;
 }

 .color-circle-f{
    width: 70px;
    height: 70px; 
    border-radius: 35px;
    background: #eb2227;
 }



.color-hold-text{
    display: flex;
    align-items: center;
}

.tech .color-hold-text p{
    font-size: 15px;
    line-height: 22px;
    margin-left: 8px;
    color: #000000;
    font-weight: 700;
}

.hold-main-el {
    background-size: 90px 90px;
    background-image: linear-gradient(to right, #e0e0e0 1px, transparent 1px), linear-gradient(to bottom, #e0e0e0 1px, transparent 1px);
    border: 1px solid #e0e0e0;
    background-position: center center;
}


.logo-a{
    background: #000000;
}
.logo-c{
    background: #e6e6e6;
}
.logo-d{
    background: #48b8e6;
}
.logo-b{
    background: rgb(94,103,175);
    background: -moz-linear-gradient(35deg, rgba(94,103,175,1) 0%, rgba(236,73,154,1) 50%, rgba(250,199,15,1) 100%);
    background: -webkit-linear-gradient(35deg, rgba(94,103,175,1) 0%, rgba(236,73,154,1) 50%, rgba(250,199,15,1) 100%);
    background: linear-gradient(35deg, rgba(94,103,175,1) 0%, rgba(236,73,154,1) 50%, rgba(250,199,15,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e67af",endColorstr="#fac70f",GradientType=1);
}

.bb-download{
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 15px;
    color: #fff!important;
    font-family: roboto;
    font-weight: 500;
    width: auto;
    margin: auto;
    background: #33bffa;
    cursor: pointer;
    margin-right: 0;
    margin-bottom: 6px;
}

.os-group{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
    margin-top: 80px;
}

.aud-group{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.step-arr{
    max-width: 100%;
    margin: auto;
    padding: 10px;
}

.hiw-group{
    display:grid;
    grid-template-columns: 30% 5% 30% 5% 30%;
}

.hiw-group .ci-dark{
    padding: 40px 50px 50px 50px;
    flex-direction: column;
    display: flex;
}

.ov-grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 35px 0;
    border-top: 1px solid #001478;
}

.ic-tit{
    gap: 15px;
    display: grid;
    grid-template-columns: 20px 1fr;
    margin-bottom: 10px;
}

.ic-tit-ab{
    gap: 30px;
    display: grid;
    grid-template-columns: 20px 1fr;
    margin-bottom: 10px;
}

.che-icon{
    height: 20px;
}

.apple-table .che-icon{
    margin-bottom: 10px;
}


.che-icon-yell{
    height: 30px;
    margin: auto 0;
}

.vid-bull{
    margin-top: 10px;
    font-weight: 900;
}

.blog-cont{
    margin-top: 200px;
    width: 750px;
}

.rtb-group{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}



.amb-bull p{
    margin-top: 30px;
}

.amb-group{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
}

.gre-bg{
    background-color: #d7fdc7;
    border-radius: 16px;
}

.vid-group{
    border-top: 1px solid #ffa619; 
    border-left: 1px solid #ffa619; 
    border-right: 1px solid #ffa619;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
}

.appl-group{
    border: 1px solid #001478; 
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border-radius: 16px;
}

.ac-group{
    border: 1px solid #001478; 
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden;
    border-radius: 16px;
}


.gro-group{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

.blo-group{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
    gap: 30px;
}

.vid-adv-bull{
    padding: 50px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 90px;
    border: 1px solid #ffa619; 
    margin-top: -1px;
    background-color: #ffe9c5;
}

.v_arrow{
    width: 40px;
    margin-left: 5px;
}

.gl-cont{
    height: 90px;
}

.ev-top{
    margin-top: 50px;
}

.pop-title-desk .hold-event-logo {
    width: 150px;
    height: 150px;
    cursor: default;
}

.pop-title-desk .hold-event-logo:hover {
    border: 8px solid #001478; 
    outline: 1px solid #48b6e3;
}

.event-pop-hold .event-logo{
    padding: 20px;
}

.hold-event-logo{
    margin: 0px auto 30px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 50%;
    box-shadow: 0px 0px 50px rgba(71,183,228,0.4);
    background-color: #fff;
    border: 8px solid #001478; 
    outline: 1px solid #48b6e3;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hold-event-logo:hover{
    border: 0px solid #001478; 
    outline: 1px solid #48b6e3;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.event-logo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
    margin: auto;
    max-width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

}

.group-teaser{
    max-width: 100%;
    margin-bottom: 40px;
    border-radius: 16px;
}


.blog .start_btn_inner_bottom.btn_dark{
    margin: 40px 0 0;
}


.frame-bord{
    border: 1px solid rgba(0,20,120,0.15);
    margin-bottom: 20px;
}


.in-blog-teaser{
    margin-bottom: -200px;
}

.group-box p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.group-box{
    padding: 50px; 
}

.vid-adv-box{
    padding: 50px;
}

.date-post{
    font-size: 13px;
    margin-top: 20px;
    color:#46b6e4;
}

.head-blog span{
    border-bottom: 0px!important;
}

.head-blog{
    background-color:#001478;
    position:relative;
    background-image: url(../img/main_title_bg_d.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.head-blog .inner_main_title .blo-sub{
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    text-align: left;
    margin-top: 50px;
    width: fit-content;
    background: rgba(70,182,228,0.15);
    border-radius: 50px;
    padding: 5px 15px;
}

.ver-b .inner_main_title .blo-sub{
    color: #46b6e4;
}

.head-blog .inner_main_title .date-post{
    margin-top: 20px;
    color:#ffffff;
    text-align: left;
    margin-bottom: 50px;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform:capitalize;
}
.eve-blo {
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 0px solid #48b6e3;
    background: #001478;
    border-radius: 16px;
}

.event-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
    margin: auto;
    max-width: 100%;
}

.hold-event-logo {
    margin: 0 auto 30px;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 50%;
    background-color: #fff;
}

.hold-event-title{
    height: 80px;
}

.event-title{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    opacity: 1;
}

.event-des{
    color: #ffffff;
    opacity: 0.8;
    margin-bottom: 50px;
}

.event-opt{
    margin-bottom: 20px;
}

.event-opt p{
    color:#48b6e3;
    font-size: 15px;
    margin: auto 0;
    line-height: 22px;
}

.icon-opt{
    height: 22px;
    margin: auto;
    filter: drop-shadow(0px 0px 5px RGBA(72,182,227,0.8));
}

.gro-blo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #0c1c6c;
}

.gro-blo .blo-sub{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.8;
}

.gro-blo h3{
    margin-top: 20px;
}

.gro-bor{
    border: 1px solid #0c1c6c;
    padding: 50px;
    margin-left: -1px;
    width: 33.33%;
    border-radius: 16px;
    margin-bottom: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.vab-bor{
    border-left: 1px solid #ffa619;
    border-bottom: 1px solid #ffa619;
    padding: 50px;
    margin-left: -1px;
}

.apple-table{
    border-left: 1px solid #001478;
    padding: 0px;
    margin-left: -1px;

}

.apple-table .at-in-title{
    padding: 40px 50px;
    border-bottom: 1px solid #001478;
    margin-bottom: -1px;
    height: auto;
}

.apple-table .at-in{
    padding: 40px 50px;
    border-bottom: 1px solid #001478;
    margin-bottom: -1px;
    height: 210px;
}

.ac-group .apple-table .at-in{
    padding: 30px 40px;
    border-bottom: 1px solid #001478;
    margin-bottom: -1px;
    height: 140px;
}

.hiw-txt-grid{
    display: grid;
    grid-template-columns: 55% 40%;
    gap: 5%;
}

.hiw-txt-grid h3{
    color:#46b6e4;
}

.hiw-txt-grid p{
    color:#ffffff;
}

.vid-adv-box p{
    width: 85%;
    margin-top: 20px;
}

.vid-adv-box h3{
    font-size: 35px;
}

.sol-group p{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.teas-back{
    max-width: 100%;
    border-radius: 300px;
}

.teas-back-stat{
    max-width: 100%;
    margin: auto;
}


.vidgraph {
    max-width: 65%;
    z-index: 1;
    position: absolute;
}
.vidgraphcont {
    width: 20%;
    z-index: 1;
    position: absolute;
    top: 45%;
    right: 5%;
}

.vid_back{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; 
    margin: auto; 
    max-width: 100%;
    z-index: 1;
}


.vid-slide-hold{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    filter: drop-shadow(0px 0px 15px rgb(0 0 0 / 0.3));
    z-index: 2;
}

.spaceship{
    max-width: 110%;
    margin: 10% -30%;
    border-radius: 12px;
}

.graph-vid-hold{
    position: relative;
    z-index: 1;
}

.watch{
    max-width: 140%;
    margin-top: 85%;
    border-radius: 12px;
}


.headphones{
    max-width: 130%;
    margin: 30% 20%;
    border-radius: 12px;
}

.teas-back-b{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;  
    margin: auto; 
}

.teas-back-c{
    max-width: 100%;
    height: 86.5%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
}

.teas-back-e{
    border-radius: 300px;
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;  
    margin: auto; 
}

.arb-a, .arb-b, .arb-c{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    opacity: 0;
    transform: scale(0.7);
}



.arb-a.orbitAnim{
    transform: scale(0.7);
    animation: orbit-a 1s normal forwards ease-in-out;
    animation-delay: 1s;
}

@keyframes orbit-a {
    0%{
    }

    100%{
        transform: scale(1);
        opacity: 1;
    } 
   
}

.arb-b.orbitAnim{
    transform: scale(0.7);
    animation: orbit-b 1s normal forwards ease-in-out;
    animation-delay: 0.50s;
}

@keyframes orbit-b {
    0%{
    }

    100%{
        transform: scale(1);
        opacity: 1;
    } 
   
}


.arb-c.orbitAnim{
    transform: scale(0.7);
    animation: orbit-c 1s normal forwards ease-in-out;
    animation-delay: 0.0s;
}

@keyframes orbit-c {
    0%{
    }

    100%{
        transform: scale(1);
        opacity: 1;
    } 
   
}



.sbar-mov{
    max-width: 255px;
    height: 60px;
    border-radius: 50px;
    position: absolute;
    background-color: red;
    left: 0;
    top:0;
    margin: auto;
}

.teas-hold-img{
    display: flex;
    justify-content: center;
    align-items: center;
}


.teas-hold-in{
    max-width: 700px;
    position: relative;
}

.teas-hold-steps{
    max-width: 100%;
    position: relative;
}


.teas-hold-in-ctv{
    max-width: 100%;
    position: relative;
}


.sol-group-fade{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 0;
}

.sol-group-fade.cont-fade{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 1;
}


.mob-ads-fade{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 0;
}

.mob-ads-fade.cont-fade{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 1;
}

.index_dark .teas-front-a{
    box-shadow: 5px 5px 30px rgb(0 0 0 / 35%);
    border-radius: 25px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-right: 64px;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}

.hiw-group .oco-tea{
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 30px;
}

.oco-tea{
    max-width: 100%;
    margin-left: auto;
    display: flex;
}

.oco-box{
    padding: 0px 0px 50px 50px;
    border-radius: 16px;
    overflow: hidden;
}

.oco-box h3{
    margin-top: 50px;
    padding-right: 50px;
}



.mo-fr-shad .teas-front{
    filter: drop-shadow(0px 0px 15px rgb(0 0 0 / 0.13));
}

.teas-front{
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.85);
    opacity: 0;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}

.teas-front.adsPageAnim{
    transform: scale(1);
    opacity: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.t-mob{
    max-width: 100%;
}


.teas-front-a.adsPageAnim{
    transform: translateY(-120px);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}


.teas-front-a{
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-right: 64px;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}



.teas-front-b-anim{
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
    filter:blur(7px);
    pointer-events: none;
    mix-blend-mode: screen;

}



.teas-front-b-anim.adsPageAnim{
    mix-blend-mode: screen;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)1s;
    pointer-events:auto;


}


.teas-front-b{
    filter: drop-shadow(5px 5px 30px rgb(0 0 0 / 0.0));
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    z-index: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}

.teas-front-b-icons{
    opacity: 0;
    max-width: 100%;
    z-index: 5;
    position: relative;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 0.5)0.2s;
}

.teas-front-b-icons.adsPageAnim{
    opacity: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.5s;
}

.bott-vid-grad{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    background: rgb(0,20,120);
    background: linear-gradient(180deg, rgba(0,20,120,0) 0%, rgba(0,20,120,1) 90%);

}

.vid-in .des-big-main{
    margin-left: auto;
    width: 50%;
    position: relative;
    z-index: 1;
}

.vid-in h3{
    font-weight: 500!important;
}


.teas-front-b.adsPageAnim{
    transform: rotate(0deg);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.teas-front-c{
    box-shadow: 5px 5px 30px rgb(0 0 0 / 35%);
    border-radius: 25px;
    max-width: 100%;
    position: absolute;
    left: 155px;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}

.teas-front-c.adsPageAnim{
    transform: translateY(103px);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.teas-front-d{
    box-shadow: 5px 5px 30px rgb(0 0 0 / 35%);
    border-radius: 0px;
    max-width: 100%;
    position: absolute;
    left:100px;
    right: 0;
    top: -150px;
    bottom: 0;
    margin: auto;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.teas-front-d.adsPageAnim{
    transform: translate(25px, -120px);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.teas-front-e{
    box-shadow: 5px 5px 30px rgb(0 0 0 / 35%);
    border-radius: 3px;
    border: 4px solid #001478;
    max-width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
    transform: scale(0.85);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0s;
}

.teas-front-e.adsPageAnim{
    transform: scale(1);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.hold-orbit{
    max-width: 100%;
    position: absolute;
    left: -220px;
    right: 0;
    top: -190px;
    bottom: 0;
    margin: auto;
    z-index: 1;
    display: flex;
    opacity: 1;
}



.side-stars-right{
    position: absolute;
    top: -25%;
    right: 0;
    max-width: 100%;
    z-index: -1;
}

.side-stars-left{
    position: absolute;
    top: -27%;
    max-width: 100%;
    z-index: -2;
}


.ci-dark .teas-hold-desc{
    width: 100%;
    z-index: 1;
}


.lr_ic{
    display: flex;
    justify-content: space-between;
}

.lr-ic-big{
    max-width: 260px;
}

.back-tv-blue{
    max-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.lr-ic-small{
    height: 30px;
}

.con-in-inf.aa-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.teas-hold-desc.mob-ads-gr{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: -1px;
    gap: 0 150px;
    overflow: hidden;
}



.pertv-mob-hold {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 52.3%;
    display: flex;
    justify-content: space-between;
    filter: drop-shadow(5px 5px 10px rgb(0 0 0 / 0.20));
}

.ctv-in .pertv-mob-hold {
    height: 45.8%;
}

.tv-mob-left{
    max-width: 100%;
    border-radius: 12px;
    opacity: 0;
    transform: scale(0.7) translateY(15%);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.1s;
}

.tv-mob-left.adsPageAnim{
    transform: scale(1) translateY(15%);
    opacity: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.1s;
}

.tv-mob-right{
    max-width: 100%;
    border-radius: 16px;
    opacity: 0;
    transform: scale(1) translate( -120%, 10%);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.1s;
    z-index: -1;
}


.thd-padd {
    padding: 20px;
}

.tv-mob-right.adsPageAnim{
    transform: scale(1) translate( 0, -15%);
    opacity: 1;
    transition: all 1.5s cubic-bezier(0.0, 0, 0.1, 1)1s;
}


.bord-radius-top{
    border-radius: 12px 12px 0 0; 
}

.teas-hold-desc.mob-ads-gr.bord-radius-top{
    padding: 0;
    gap: 0;
}

.ctv-padd{
    padding: 0px 0px 0px 200px;
    margin: auto 0; 
}

.thd-padd{
    padding: 100px;
    margin: auto 0;
}

.bord-radius-bottom{
    border-radius: 0 0 12px 12px; 
}


.mob-ads-gr{
    border:solid 1px #47b7e4;
    padding: 100px;
    background-image: url(../img/texture_blue.svg);
    background-position: left top;
    background-repeat: repeat;
    background-size: 12px;

}

.ci-dark .teas-hold-desc.mob-ads-gr p {
    margin-top: 20px;
    font-size: 16px;
    width: 100%;
}

.mob-ads-gr h3{
    margin-top: 60px;

}

.mob-ads-gr p{
    margin-top: 40px;

}


.index_dark .teas-hold-desc{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 20%;
    width: 100%;
}

.teas-hold-desc{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 40%;
}

.teas-hold-desc{
    width: 40%;
}

.teas-hold-desc.otc{
    width: 80%;
}

.teser-l-r .teas-hold-desc.otc{
    width: 95%;
}

.teas-hold-desc.onlytxt{
    width: 70%;
}

.sol-group-a, .sol-group-b, .sol-group-c, .sol-group-d, .sol-group-e, .sol-group-f  {
    border-radius: 16px;
}

.ci-ctv-in .teas-hold-desc{
    width: 100%;
}

.ctv-in-con h3{
    margin-top: 70px;
    width: 70%;
}

.teas-hold-desc-va h3{
    width: 60%;
    padding-bottom: 100px;
}

.teas-hold-desc-va.ctv-top-grid h3{
    width: 100%;
    padding-bottom: 50px;
}

.teas-hold-desc-va.ctv-top-grid{
    display: flex;
    gap: 20%;
    justify-content: space-around;
}

.btn-group{
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.teas-hold-desc p{
    margin-top: 35px;
    width: 100%;
}

.bott-col h3{
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 10px; 
    padding-left: 15%;
    padding-right: 15%;
    line-height: 50px!important;
}


.car-bottom h3 b{
    text-transform: initial;
    font-size: 20px;
    letter-spacing: 2px;
    padding-bottom:3px;
    border-bottom: 1px solid #46b6e4;
}

.bott-col{
    border-bottom:1px solid #001478;
    padding-bottom: 60px;
}

.car-bottom{
    padding-top: 60px;
    background-color:  rgba(0,20,120,0.1);
    border-radius: 16px;
    border-bottom: 1px solid #fff;
    margin-bottom: 50px;
}

.pit-page .car-bottom h3{
    color:#fff
}

.pit-page .car-bottom{
    background:#001478;
}

.t-a-righ{
    text-align: right;
}

.bott-line{
    padding-bottom: 2px;
    border-bottom:4px solid #ffa619;
}

.bott-line-ctv{
    padding-bottom: 2px;
    border-bottom:4px solid #ed4899;
}



.green-hold{
    width: 100%;
    padding: 15%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #001478;
}

.gr-icon{
    height: 100px;
}

.green-hold .des-big{
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 50px;
    line-height: 0px;
    font-family: 'Poppins', sans-serif;
}

.main-cont-hold.ctvmob-rev{
    gap: 0px;
}

.main-cont-hold{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 80px;
}

.desc-check.main-cont-hold{
    gap: 40px 80px;
}

.teser-l-r .main-cont-hold{
    gap: 0px;
    height: 565px;
    align-items: center;
}


.teser-l-r .teser-cont{
    position: relative;
    gap: 80px;
    z-index: 1;
}


.aa-cont-hold{
    display:grid;
    grid-template-columns: 40% 60%;
    width: 100%;
}

.pos-cont-hold{
    display: grid;
    grid-template-columns: 55% 35%;
    width: 100%;
    gap: 80px;
    justify-content: space-between;
}

.rtb_ic_grid{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    margin-top: 40px;
}

.apple-s .rtb_ic_grid{
    gap: 50px;
}

.sol-group-a{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #fdd900;
    margin-bottom: 80px;
}

.outin-glow{
    box-shadow:
    inset 15px 0 30px rgba(71, 183, 228, 0.14),
    inset -15px 0 30px rgba(71, 183, 228, 0.14),
    -15px 0 30px rgba(71, 183, 228, 0.14),
    15px 0 30px rgba(71, 183, 228, 0.14)
}


.con-in-inf{
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.cif-no-flex{
    display: block;
}

.flexdimon{
    display: flex;
}

.sticky-wrapper {
    height: 0px !important;
    position: sticky;
    z-index: 999;
}

.dots-text-dark{
    background-image: url(../img/texture_dark_blue_b.svg);
    background-position: left top;
    background-repeat: repeat;
    background-size: 12px;
}

.hold-img-a{
    background-color: rgba(253,217,0,0.15);
    border-right: 1px solid rgba(253,217,0,1);
}



.sol-group-b{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #68bd62;
    margin-bottom: 80px;
}

.teaser-mob .sol-group-a, .teaser-mob .sol-group-b, .teaser-mob .sol-group-c, .teaser-mob .sol-group-d, .teaser-mob .sol-group-e, .teaser-mob .sol-group-f{
    grid-template-columns: repeat(1, 1fr);

}

.hold-img-b{
    background-color: rgba(104,189,98,0.15);
    border-left: 1px solid rgba(104,189,98,1);
}

.sol-group-c{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #ed4899;
    margin-bottom: 80px;
}

.hold-img-c{
    background-color: rgba(237,72,153,0.15);
    border-right: 1px solid rgba(237,72,153,1);
}

.sol-group-d{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #ffa619;
    margin-bottom: 80px;
}

.hold-img-d{
    background-color: rgba(255,166,25,0.15);
    border-left: 1px solid rgba(255,166,25,1);
}

.sol-group-e{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #3f59c4;
    margin-bottom: 80px;
}

.hold-img-e{
    background-color: rgba(63,89,196,0.15);
    border-right: 1px solid #3f59c4;
}

.hold-img-f{
    position: relative;
    background-color: rgba(140,98,168,0.15);
    border-left: 1px solid #8c62a8;
}

.sol-group-f{
    height: 600px;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid #8c62a8;
    margin-bottom: 80px;
}

.search-hold-teas {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: clip;

}


.os-box h3{
    width: 80%;
    margin-top: 60px;
    margin-bottom: 30px;
}

.aud-box h3{
    width: 80%;
    margin-top: 60px;
    margin-bottom: 30px;
}

.mob-adv-box{
    width: 75%;
    margin-top: 60px;
    margin-bottom: 30px;
}

.os-box.w-full h3{
    width: 100%;
}

.abo-title{
    margin-bottom: 30px;
}

.os-box-icon{
    height: 65px;
    filter: drop-shadow(0px 0px 20px rgb(71,183,228,1));
}


.mb{
    max-width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
}

.car-sep{
    width: 1px;
    height: 100%;
    background-color: #001478;
    margin-top: 10px;
}

.car-tes{
    max-width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

.car-window{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    z-index: 0;
    object-fit: cover;
}


.aud-icon{
    height: 80px;
}

.che-ic{
    height: 40px;
    margin-top: 2px;
}


.medal{
    width: 140px;
    filter: drop-shadow(0px 0px 10px rgba(71, 183, 228, 0.9));
    margin-bottom: 40px;
}

.ex-space-bg{
    object-fit: cover;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}






.sep-top-gra{
    height: 2px;
    width: 100%;
    margin-bottom: 50px;
}


.exp-hold{
    border-radius: 225px;
    height: 450px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.time-dot{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #001478;
    box-shadow: 0px 0px 15px rgba(71, 183, 228, 1);
    margin: 0 auto;
    z-index: 1;
}

.time-line-cent-start{
    width: 1px;
    height: 55%;
    margin: auto;
    background-color: #001478;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: -1;
}

.time-line-cent{
    width: 1px;
    height: 100%;
    margin: auto;
    background-color: #001478;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.time-line-cent-end{
    width: 1px;
    height: 60%;
    margin: auto;
    background-color: #001478;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.con-in-time{
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.bb-desc-in {
    display: flex;
    justify-content: space-between;
}


.bb-icons-in{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bb-color-in{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

}
.bb-logo{
    padding: 12% 25%;
    max-width: 100%;
}
.bb-element{
    padding: 9% 30%;
    max-width: 100%;
}
.bb-icon{
    height: 240px;
    margin: 10% auto;
    display: flex;
    max-width: 100%;
}
.bb-icon-small{
    margin: 30% auto;
    display: flex;
    width: 35%;
}
.nav-book{
    display: block;
}

.wrapper-brandBook.container{ 
    max-width: 1700px;
    padding-bottom: 50px;
}


.wrapper-brandBook{ 
    display: flex;
    justify-content: space-between;
    
}

.tv-mob-mov{
    display: grid;
    justify-content: space-between;
    grid-template-columns: 50% 50%;
}


.time-desc{
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 550px;
}

.time-desc h3{
    width: 70%;
}

.time-revers{
    flex-direction: row-reverse;
}

.dot-date{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 250px;
    position: relative;
}

.bb-hold{
    padding-top: 120px;
    position: relative;
}

.mob-ads-fade.cont-fade{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 1;
}


.dot-date h3{
    font-weight: 500;
    font-size: 23px;
    background-color: #ffffff;
    padding: 10px 0;
    z-index: 1;
}

.time-desc p{
    margin-top: 20px;
}

.sideBarInner{
    position: -webkit-sticky;
    position: sticky;
    top: 135px;
    overflow: auto;
}

.tvmob-des {
    position: -webkit-sticky;
    position: sticky;
    top: 13%;
    overflow: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    padding-left: 110px;
    padding-right: 110px;
}

.tvmob-des p{
    margin-top: 50px;
}


.sectionsContainer{
    margin-top: -120px;
}

#ctm .sectionsContainer{
    margin-top: 0px;
}

.ctvmob-teaser-a{
    background-image: url(/img/tv_ai_big_kb.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50%;
    background-attachment: fixed;
    border-radius: 16px 0px 0px 0px;
}

.ctvmob-teaser-b{
    background-image: url(/img/mo_ai_big_kz.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50%;
    background-attachment: fixed;
    border-radius: 0px 0px 0px 16px;
    background-color: #fedd1c;
}

.tvmob-slide{
    height: 100vh;
    width: 100%;
    opacity: 0;
}

.tvmob-mob{
    width: 100%;
    margin-top: 50px;
}

.tes-time{
    max-width: 100%;
}

.brand-book-menu.bbAnim {
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}

.bb-first{
    margin-top: 80px;
}

.navbar-nav.bb-tab a:hover{
    color: #000b2e;
    background-color: RGBA(0,20,120,0.2) ;
    transition: all 0.1s cubic-bezier(0.0, 0, 0.5, 1)0s;

}

.brand-book-menu .navbar-nav a.selectedLink{
    color: #fff;
    background-color: #001478;
}


.brand-book-menu .navbar-nav a {
    padding: 4px 10px;
    display: block;
    font-weight: 700;
    color: #000b2e;
    text-align: center;
    border-radius: 20px;
}


.brand-book-menu .navbar-nav{
    padding-left: 0;
    width: 70px;
    gap: 3px;
}

.index .is-sticky .navbar-nav {
    padding-top:0px; 
}

.is-sticky .navbar-nav {
    padding-top:0px; 
}

.two-btns{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    width: 280px;
}

.arti-grid{
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
}


.arti-box{
    height: 120px;
    background-color: #e4f4fb;
    border-radius: 8px;
    display: flex;
}

.arti-box:hover{
    transform: translateY(-6px);
}

.arti-log{
    margin: auto;
    max-width: 100%;
}

.rotate-arrow{
 transform: rotate(45e);
}

.dropdown .fa-angle-down{
    font-size: 20px;
    float: right;
}

.all-slide-buttons{
    z-index: 1;
    position: absolute;
    top: 60%;
    left: 328px;
    z-index: 1;
}

.slider {
    position: relative;
    overflow: hidden;
    height: 100vh;
  }
  
  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    background-position: right top!important;
    background-size: contain!important;
  }

  .b-font{
      font-weight: 900 ;
  }
 

  .ma{
      margin-left: auto;
      margin-right: auto;
  }
  .slide.current {
    opacity: 1;
  }


  .video-adcenter{
    max-width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    border-radius: 16px;
  }
  

  
  .slide .content {
    position: absolute;
    top: 30%;
    left: 290px;
    opacity: 0;
    top: 27%;
    transition: all 0.7s ease-in-out 0.3s;
    width: 650px;
    background-color: rgba(255, 255, 255, 0);
    color: #333;
    padding: 35px;
  }
  
  .slide .content h1 {
    margin-bottom: 30px;
    font-size: 55px;
    letter-spacing: -0.5px;
    font-weight: 900;
    color:#000000;
  }

  .slide .content p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color:#000000;
    width: 83%;
  }
  
  .slide.current .content {
    opacity: 1;
    transform: translatey(-50px);
    transition: all 0.7s ease-in-out 0.3s;
  }

  .slide.current .content {
    opacity: 1;
    transform: translatey(-50px);
    transition: all 0.7s ease-in-out 0.3s;
  }
  .buttons {
    padding: 0;
    margin:0;
    width: 70px;
    height: 30px;
    border:0px!important;
    margin-top: 30px;
    display: flex;
}


.buttons:hover {
    cursor: pointer;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);
    background: rgba(0,0,0,0)!important;
    color: #000000!important;
    border: 0px!important;
}

    .buttons i{
        padding-right: 0px;
        font-size: 20px;
        color:#000000;
    }

    .buttons i:hover{
        opacity: 0.7;
        color:#000000!important;
    }
    
  .buttons button#next {
    top: 0%;
  }
  
  .buttons button#prev {
    top: 0%;
  }

  #prev, #next{
    height: 35px;
    width: 35px;
    }


  .fa-arrow-left:hover{
      color:#000000;
  }

  .fa-arrow-right:hover{
    color:#000000;
}

.fa-arrow-left:before{
    color:#000000;
}

.fa-arrow-right:before{
    color:#000000;
}

.fas.fa-arrow-right:before {
    color: #33bffa;
}

.fas.fa-arrow-left:before {
    color: #33bffa;
}

.dropdown.mob .fas {
    color: #001478;
}



.video-demo{
    margin-top: 45px;
}

.fot-logo{
    height: 60px;
    margin-top: -10px;
}

.fot-social {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: start;
}

.soc{
    width: 30px;
}
 
.footer-title{
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0.5rem;
    color: #33bffa;
}
.footer-sep{
    width: 100%;
    height: 1px;
    background-color: #33bffa;
    margin-bottom: 1.5rem;
}

.single-footer-widget{
    display: flex;
    flex-direction: column;
}

  
  .buttons button {
    border: 0px solid #fff;
    background-color: #fff;
    color: #000000;
    cursor: pointer;
    border-radius: 0%;
    outline: none;
  }

  
  

  
  
  /* Backgorund Images */
   
  #slide_desktop{
      position: relative;
  }

  .slide:first-child {
    background: url('../img/main_teaser_a_full_4.jpg') no-repeat;
  }
  .slide:nth-child(2) {
    background: url('../img/main_teaser_b_full.jpg') no-repeat;
  } 

  .slide:nth-child(3) {
    background: url('../img/main_teaser_c_full.jpg') no-repeat;
  } 

  .slide:nth-child(4)  {
    background: url('../img/main_teaser_c_full.jpg') no-repeat;
  }



  .ctv_all{
      background-color: #47b8e6;
      margin-left: 150px;
      margin-right: 150px;
      border-radius: 10px;
      
  }

  .tv-room{
    margin-left: 150px;
    margin-right: 150px;
}

.ai-flow{
    max-width: 750px;
    margin-top: 7%;
    margin-bottom: 7%;
}


.ai-flow-bg{
    background: #000000;
    border-radius: 10px;
}

.live-black-bg{
    border-radius: 10px 10px 10px 10px;
}

.brands .tv-black-bg{
    background: #000000;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}

.tv-black-bg.adsai{
    background: #010001;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}

.tv-black-bg{
    background: #000000;
    padding-left: 150px;
    padding-right: 150px;
    border-radius: 16px 16px 0 0;
}

.tv-blue-bg{
    background: #47b8e6;
    border-radius: 0px 0px 16px 16px;
    padding-left: 180px;
    padding-right: 180px;
}

.tv-room.blog_inn{
    background: #47b8e6; 
    overflow: hidden;
    position: relative;
}

.main-blog-title{
    position: absolute;
    top: 0;
    bottom: 0;
}

.blog_inn .container{
    padding: 0;
    max-width: 100%;
}


.blog-desc-title{
    font-weight: 700!important;
    margin-top: 40px!important;
    font-size: 22px!important;

}
.btblock{
    margin-bottom: 15%;
}


.news-more{
    color: #33bffa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    margin-top: auto;
}

.news-more:hover{
    color: #33bffa;
    margin-left: 5px;
}


.btblock-more{
    position: absolute;
    bottom: 5%;
    color: #33bffa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
}

.btblock-more:hover{
    color: #33bffa;
    margin-left: 5px;
}


.blog-box h5:hover {
    color: #33bffa;
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}


.blog-grid .fas{
    color: #33bffa;
    margin-left: 5px;
}

.news-grid .fas{
    color: #33bffa;
    margin-left: 5px;
} 
.btblock-btn{
    color: #ffffff;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
}

.btblock-btn:hover{
    color: #ffffff;
    margin-left: -5px;
}

.fas{
    color: #ffffff;
    margin-right: 5px;
    font-size: 15px;
  }

.blog-desc{
    margin-top: 20px;
}

.tech .news-desc{
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 1.5rem;
}

.tech .news-date{
    font-size: 0.9em;
    font-weight: 400;
    color:#8f8f8f;
}

.blog-inner-img{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
   
}

.blog-inner-img p{
    margin-top: 50px;
}


.sports-icons {
    display: grid!important;
    grid-template-columns: repeat(auto-fit, minmax(12%, 1fr));
}
.sport-icon{
    height: 100px;
}

.tv-room-img{
    width: 100%;

}


.youtuber-ph{
    width: 100%; 
}

.brands-ph{
    max-width: 100%; 
}

.tv-room .sit{
    font-size: 18px;
    letter-spacing: 1px;
}

.tv-white-title{
    font-size:55px;
    font-weight: 700;
    line-height: 70px!important;
}

.live-white-title{
    font-size:55px;
    font-weight: 700;
    line-height: 70px!important;
}

.tv-room p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.5px;
}

  .ctv_all.screens{
    margin-bottom: 250px;
    position: relative;
}

  .ctv_all p{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

  .ctv_why_now.container{
      max-width: 1280px;
  }

.ctv-icon-all{  
    padding-left: 15px;
    padding-right: 15px;
    display: grid!important;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}
.ctv-icon-in{ 
    padding-right: 10%;
}

.b-imp p{
    font-weight: 700!important;
}

.ctv-icons{
    height:70px;
}
.colored-icons {
    height:120px;
}

.three-blue-boxes{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.three-banners-boxes{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.three-color-icons{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.three-color-icons p{
    font-weight: 800!important;
}


.optimized{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}

.ti-box{
    background-color: #47b8e6;
    border-radius: 10px;
    margin: 15px;
    padding-left: 40px;
    padding-bottom: 20px; 
}


.box-link{
    display: contents;
}

.blog-box:hover{
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.blog-img-in{
    width: 50%;
    float: right;
}

.blog_inn .fa-arrow-left:before{
    color:#ffffff!important;
}

.blog-img{
    max-width: 100%;
}

.news-img{
    max-width: 100%;
    border-radius: 8px 8px 0px 0px;
    webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.event-page{
    background-color: #010b2e;
}

.event-page .default-header {
    background-color: RGBA(255,101,80,0);
}

.event-page .cont-in{
    margin-top: 50px;
}

.event-page .main-cont-hold p{
    color: #ffffff;
}

.ms-title{
    color:#47b7e4;
    font-weight: 400;
    text-align: center; 
}

.blog-page{
    background-color: #e7edf0;
}

.blog-page.news-page{
    background-color: #ffffff;
}

.blog-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0px;
    column-gap: 30px;
}

.news-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


.blog-page-in{
    background-color: ffffff;
}

.blog-holder-text{
    padding: 30px;
}



.blog-page h5{
    font-weight: 400;
    line-height: 30px;
}

.news-page h5{
    font-weight: 900;
    line-height: 30px;
}

.news-page h3{
    font-weight: 700;
    letter-spacing: 0px;
}

.blog-page .blog-box h5{
    text-align: left;
    font-weight: 900;
    line-height: 1.2em!important;
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.blog-page .news-box h5{
    font-size: 28px;
    text-align: left;
    font-weight: 900;
    margin-top: 15px;
    line-height: 1.2em!important;
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.blog-page .flow_title{
 margin: 0 auto;
}

.blog-box{
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
    margin: 15px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.news-box{
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 8px;
    width: 100%;
    background: #e7edf0ad;
    box-shadow: 0 0 0px rgb(0 0 0 / 0%);
    webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.news-box:hover{
    transform: translateY(-10px);
}

.nb_in{
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.banner-box{
    margin: 0px;
}

.banner-box p{
    font-weight: 900!important;
    color: #47b8e6;
    letter-spacing: 0.5px;
}


.aud-scr{
    max-width: 100%;
}
.aud-stat{
    max-width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
}

.tb{
    border-top: 1px solid #d6dee2;
}

.blue-box-title{
    width:70%;
}

.box_image{
    float: right;
    margin-top: 40px;
    max-width: 100%;
}
.box_banner{
    max-width: 100%;
}

.blue-box-title{
    font-weight: 800!important;
}

#v-d{
    background-image: url(../img/video_demo_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
}

.streamer-box{
    max-width: 40%;
}

.remote-control{
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 40%);

}

.remote-control-right{
    position: absolute;
    right: 5%;
    padding-top: 9%;
}


.container.desk .row{
    margin-right: 0px;
    margin-left: 0px;
}

.left_cube{
    padding: 0;
}

.right_cube{
    padding: 0;
}

.love-castify-bg{
    max-width: 100%;
}

.about .row{
    margin-right: 0px;
    margin-left: 0px;
}

.love-inn{
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    height: 100%;
}

.love-main-video img{
    max-width: 100%;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
}

.love-castift-graph-popup{
    max-width:100%;
    position: absolute;
    left: 85%;
    top: -23%;
}

.love-castift-color-popup{
    width: 27%;
    position: absolute;
    left: 90%;
    top: 55%;
}

.love-castift-add-image{
    max-width: 100%;
    position: absolute;
    left: -12%;
    top: 85%;
    z-index: 1;
}

.love-castift-carousel{
    max-width: 100%;
    position: absolute;
    left: 3%;
    top: 110%;
}

.love-bullets-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(50%,1fr));
}

 .love-bullets-grid p{
    position: relative;
}

.des-bullet{
    position: relative;
}

.imp-teaser .inner_main_title {
    height: 480px;  
}


.blue-bullet{
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #33bffa;
    margin-right: 10px;
    margin-top: 8px;
    margin-left: 2px;
}


.blue-bullet-text{
    margin-left: 25px;

}


.ctm_title{
    font-size: 75px;
    max-width: 1280px;
    margin: 0 auto;
    font-weight: 800;
    line-height: 95px;
    text-transform: uppercase;
    letter-spacing: 25px;
    position: absolute;
    left: 0;
    right: 0;
    top: 150px;
    z-index: 1;
}

.in-b-text{
    position: relative;
    display: inline-table;
    margin-right: 8%;
}


.ap-contact .snt.fit_btn{
    display: block;
    border: 3px solid #000000;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 17px;
    color: #fff;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
    font-size: 18px;
    margin: auto;
    background: #000000;
}

.btn-mr{
    margin-right: 0!important;
}

.snt.fit_btn{
    display: block;
    border: 3px solid #33bffa;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 17px;
    color: #fff;
    font-family: roboto;
    font-weight: 500;
    width: 180px;
    font-size: 18px;
    margin: auto;
    background: #33bffa;
    cursor: pointer;
}



.snt.fit_btn:hover{
    opacity: 0.8;
}



.about-box-a{
    height: 100%;
    padding:30px;
    box-shadow:0 0 20px rgb(0 0 0 / 35%);
    border-radius: 18px;
    background: rgb(94,101,173);
    background: -moz-linear-gradient(360deg, rgba(94,101,173,1) 0%, rgba(234,73,151,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(94,101,173,1) 0%, rgba(234,73,151,1) 100%);
    background: linear-gradient(360deg, rgba(94,101,173,1) 0%, rgba(234,73,151,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e65ad",endColorstr="#ea4997",GradientType=1); 
}

.about-box-b{
    height: 100%;
    padding:30px;
    box-shadow:0 0 20px rgb(0 0 0 / 35%);
    border-radius: 18px;
    background: rgb(72,182,226);
    background: -moz-linear-gradient(180deg, rgba(72,182,226,1) 0%, rgba(102,188,109,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(72,182,226,1) 0%, rgba(102,188,109,1) 100%);
    background: linear-gradient(180deg, rgba(72,182,226,1) 0%, rgba(102,188,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48b6e2",endColorstr="#66bc6d",GradientType=1); 
}

.about-box-c{
    height: 100%;
    padding:30px;
    box-shadow:0 0 20px rgb(0 0 0 / 35%);
    border-radius: 18px;
    background: rgb(234,33,39);
    background: -moz-linear-gradient(360deg, rgba(234,33,39,1) 0%, rgba(247,178,8,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(234,33,39,1) 0%, rgba(247,178,8,1) 100%);
    background: linear-gradient(360deg, rgba(234,33,39,1) 0%, rgba(247,178,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea2127",endColorstr="#f7b208",GradientType=1);  
}


.about-text .container{
    max-width: 1310px;
}

.about-text p{
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.partners.container{
    max-width: 100%;
    padding:0px;
}


#faqs{
    display: none;
}


#contact-us-hold{
    margin-top: -130px;
}

#contact-us-hold .snt.fit_btn{
    background-color: #000000;
}

.a-u{
    z-index: 1;
}

.men-mob .drop-group{
    margin-bottom: 40px;
}

.drop-group h2{
    font-size: 18px;
    letter-spacing: 0.1px;
    line-height: 25px;
    color:#001478;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.menu-title p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 25px;
    letter-spacing: 0.5px;
    color:#444444;
}

.mega .menu-title{
    line-height: 0px;
}

.menu-title h3 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.1px;
    margin-top: 5px;
}

.footer-nav .menu-title h3 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 2px;
}


.ai{
    align-items: center;
}

.menu-icons{
    height: 30px;
}

.mega-m .dropdown-menu{
	background-color: #fff!important;
    box-shadow: 0px 0px 25px rgb(71 183 228 / 50%);
	padding:0;
	margin-top: 3px;
    margin-left: 0px;
    height: auto;
}



.men-bord{
    width: 4px;
    border-radius: 2px;
}

.men-bord-a{

    background-color: #68bd62;

}

.men-bord-b{
    background-color: #ffa619;
}

.men-bord-c{
    background-color: #ed4899;
}

.men-bord-d{
    background-color: #fdd900;
}

.men-bord-e{
    background-color: #3f59c4;
}

.abo-bord{
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #47b7e5;
    margin-bottom: 30px;
}

.abo-right .dropdown-menu a{
    margin-left: 0px;
}


.mega-m .dropdown-menu .no-click {
    cursor: auto;
}

.mega-m .dropdown-menu .no-click:hover {
    background-color: #ffffff;
    cursor: auto;
}

.foot-grid{
    display: grid;
    grid-template-columns: 20% 16% 16% 16% 32%;
}

.footer-no-click{
    cursor: auto;
}

.footer-no-click:hover{
    cursor: auto;
    color: #333333!important;
}

.au-gr-hold{
    margin-top: auto;
}

.au-gr{
    display: grid;
    grid-template-columns: 1fr;
}

.mega-m .dropdown-menu a {
    color: #010b2e!important;
    text-transform: inherit;
    padding: 8px 0px;
    margin-left: 15px;
    text-transform: none!important;
}

.au-gr-hold a {
    margin-left: 0px!important;
}


.dropdown.mob:action{
    background:red;
}

.menu-mob .dropdown-menu {
    display: none;
}

.menu-mob .menu-title{
    align-items: center;
}

.menu-mob .dropdown-item{
    font-size: 13px;
}

.dropdown-item:active {
    background-color:rgba(255,255,255,0)!important;
}

.menu-mob .dropdown-menu {
    background-color: #fff!important;
    box-shadow: 0 0 20px rgb(0 0 0 / 0%);
    border-radius: 0px;
    padding: 0;
    margin-top: 20px;
    margin-left: 0px;
    width: auto;
    height: auto;
}

.dropdown.mob .navbar-nav .dropdown-menu {
    position: absolute;
}

.dropdown-menu{
    position: relative;
}

.mob-m{
    margin-top: 1px;
    height: 500px;
    width: 100%;
    overflow-y: auto;

}

.mob .dropdown-menu a {
    margin-left: 0px;
    color: #000!important;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 400;
    padding: 10px 5px 10px 25px;
}


.mob .dropdown-menu a {
    margin-left: 0px;
}

.mob .menu-icons {
    height: 20px;
}

.mob .menu-title p{
    display: none;
}

.mob .menu-title h3 {
    font-size: 15px;
    margin-top: 0px; 
}

.title-url{
    padding: 0!important;
}

.title-url.d-flex{
    margin-left: 0px!important;
}

.mega-m .dropdown-menu a:hover{
    color: #46b6e4 !important;
}

.mega-m .dropdown-menu .link-none:hover {
    color: #010b2e!important;
    cursor: text;
}

.link-none:hover {
    color: #010b2e!important;
    cursor: text;
}

.mega-m .dropdown-menu a h2:hover{
    color: #46b6e4 !important;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.m-triangle {
    width: 0;
    margin-right: auto;
    margin-left: auto;
    border: 12px solid transparent;
    border-bottom-color: #28d;
    position: absolute;
  }



  .arrow-up {
    display: block;
    position: absolute;
    width: 20px;
    height: 30px;
    background: white;
    transform: rotate(35deg) skew(-20deg);
    pointer-events: none;
    opacity: 1;
    left: 240px;
    top: -8px;
    z-index: 999;
    transition: opacity .3s linear;
  }


  .arrow-up-og {
    display: block;
    position: absolute;
    width: 20px;
    height: 30px;
    background: white;
    transform: rotate(35deg) skew(-20deg);
    pointer-events: none;
    opacity: 1;
    left: 370px;
    top: -8px;
    z-index: 999;
    transition: opacity .3s linear;
  }


  .love-desk-m-title{
      padding-left: 15px;
      padding-right: 15px;
  }

  .menu-links-footer .dropdown-item{
    padding: 0.25rem 0rem;
    font-family: roboto;
  }


  .popupbox .single-input {
      border-bottom: 1px solid #ffffff;
      font-size: 15px;
  }

  .car-dark .default-header{
    background-color: rgba(0,0,0,0);
  }

  .index .default-header {
    position: relative;
  }



  .default-header {
    position: fixed;
    background-color: #00061a;
  }



.is-sticky .default-header {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}


.index-dark .sticky-wrapper.is-sticky .navbar{
    background-color: #00061a;
    border-bottom: 1px solid rgba(71 183 228 / 30%);
}
.sticky-wrapper.is-sticky .navbar{
    background-color: #00061a;
}
.index_dark .sticky-wrapper.is-sticky .navbar{
    background-color: #00061a;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    }

.mobsdk .sticky-wrapper.is-sticky .navbar{
    background-color: #00061a;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    }


  .navbar {
    padding: 0.22rem 110px;
  }

 .navbar-nav {
    padding-left: 70px;
}

.footer-area .container {
    padding-bottom: 15px;
    padding-top: 60px;
    max-width: 1280px;
}


.footer-area .no-disk ul{
    list-style: none;
    margin-left: 0px;
}

.footer-area .menu-title{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.1px;
    color: #001478;
    line-height: 0em!important;
    margin-bottom: 30px;
} 

.footer-area .active-title:hover {
    color: #47b8e6;
}


.footer-area ul {
    list-style: none;
  }



  .footer-area .no-disk ul li::before {
    display: none; 
  }



  .why-love-icon{
      height: 60px;
  }


  .top-main-title{
    font-size: 75px;
    line-height: 4.3vw!important;
    font-weight: 900;
    color: #000000;
  }

  .teasers_inn ul li::before {
    content: "\2022";
    color: #33bffa;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    font-size: 1.08em;
}

.teasers_inn li{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}


.sharebtn{
    margin-top: 20px;
}

.container.sharebtn.bottom-career{
    border-radius: 10px;
    background-color: #47b8e6;
    padding: 4%;
}


.sign_up_page .primary-btn{
    background: #ffffff!important;
    color: #000000;
    font-weight: 800;
}

.sharebtn .start_btn.fit_btn{
    background: #47b8e6;
    border: 3px solid #47b8e6
}


.three-blue-boxes h4{
    font-size: 50px;
    line-height: 55px!important;
}


.tv-teasers{
    width: 100%;
    border-bottom: 1px solid #47b8e6;
}

.brand-twho-tv{
    width: 100%;
}

.tv-screen-img{
    transform: scale(1);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -29.5%;
    bottom: 0;
    width: 45%;
    opacity: 0;
    transition: all .7s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.ptv-screen-img_show {
    transform: scale(1);
    opacity: 1;
    transition: all .7s cubic-bezier(0.0, 0, 0.3, 1)0s;
}

.menu-left-icons{
    max-width: 100%;
    position: absolute;
    top: -10%;
    bottom: 0;
    left: 3%;
    height: auto;
    z-index: 1;
    margin: auto;
}


#slideshow-yt > div {
    position: absolute;
    width: 100%;
    height: auto;
    background-size: cover;
   
     }

    #slideshow-brands > div {
        position: absolute;
        width: 100%;
        height: auto;
        background-size: cover;
        text-align: right;
    
     }

    #slideshow-imp > div {
        position: absolute;
        right: 0;
        width: 100%;
        height: auto;
        background-size: contain;
        z-index: 0;

}


.ads-slide{
    max-width: 100%;
}
   
#slideshow-ads > div {
        position: absolute;
        width: auto;
        height: auto;
        background-size: cover;
        text-align: right;
     }

     #slideshow-ads-mob > div {
        position: absolute;
        max-width: 100%;
        height: auto;
        background-size: cover;
        text-align: right;
        left:0;
        right:0;
        padding-right: 0px;
        padding-left: 0px;
     }

     .selfy_wom{
        max-width: 100%;
        border-radius: 16px;
        box-shadow: 0 0 20px rgb(0 0 0 / 30%);
     }  
     
     
.bluecheck{
    width: 22px;
    margin: auto;
    padding-bottom: 4px;
    margin-right: 8px;
}

.bi-font{
    color: #47b8e6;
    font-weight: 800;
    font-size: 25px;
}

.brands-full.container{
    max-width: 100%;
}

.brand-left-text-teaser{
    padding-left: 0%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.library-desc{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.ctv_all.lib{
    background-color: #e7edf0;
}

.icon-title-lib{
    align-items: center;
}

.lib-channels-icon{
    width: 120px;
    padding-right: 20px;
}

.channel-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.channel-box {
    position: relative;
    padding: 30px;
    max-width: 395px;
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
    border-radius: 8px;
    margin: 10px;
}

.channel-logo{
    max-width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 35px;
    padding-top: 10px;
}

.bottom-ap .channel-title{
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}


.ctv_all .channel-title{
    font-size: 26px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 0;
}

.ctv_all .channel-subtitle{
    font-size: 17px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 20px;
    text-align: center;
}

.ctv_all .channel-text{
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin-top: 30px;
    text-align: justify;
}

.channel-holder{
    padding-bottom: 70px;
}

.box-btns{
    padding-bottom: 10px;
}

.d-pres{
    display: block;
    border: 2px solid #33bffa;
    border-radius: 50px;
    padding: 10px 5px;
    font-size: 16px;
    color: #fff;
    font-family: roboto;
    font-weight: 500;
    width: 155px;
    height: 46px;
    font-size: 15px;
    background: #33bffa;
    text-align: center;
    margin-left: auto;
}

.d-inquire{
    display: block;
    border: 2px solid #33bffa;
    border-radius: 50px;
    padding: 10px 5px;
    font-size: 16px;
    color: #33bffa;
    font-family: roboto;
    font-weight: 500;
    width: 155px;
    height: 46px;
    font-size: 15px;
    background: #ffffff;
    text-align: center;
    margin-right: auto;
}

.d-inquire:hover{
    opacity: 0.7;
    color: #33bffa;
}

.d-pres:hover{
    opacity: 0.7;
    color: #fff;
}

.box-btns{
    position: absolute;
    bottom: 20px;
    width: 85%;
}

.live-ev .container.flow{
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.live-cat{
    padding-top: 5%;
    padding-bottom: 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.live-cat p{
    font-size: 1.7vw;
    font-weight: 900;
    line-height: 2vw;
    text-align: center;
}

.live-icon{
    height: 70px;
}

.tt-hold {
    width: 280px;
    height: 580px;
    border-radius: 30px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    filter: drop-shadow(0px 0px 15px rgb(0 0 0 / 0.25));
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.tt-back-left{
    position: absolute;
    left: 0;
    opacity: 0.85;
}

.tt-back-right{
    position: absolute;
    right: 0;
    opacity: 0.85;
}

.back_mob{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 60%;
    z-index: -1;
    border-radius: 16px;
}

.all-mob-apps{
    position: absolute;
    right: -50px;
    bottom: -50px;
    max-width: 60%;
    z-index: 1;
}

.tt_panel{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    max-width: 100%;
}



.people-hold-bg {
    position: relative;
}

.back-tt-people{
    position: relative;
}


.event-video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 15px 15px;
}


.live-holder{
    margin-left: 3%;
    margin-right: 3%;
}

.all-ads-bullets{
    display: flex;
}

.tech .ads-bullets p{
    font-size: 17px;
    font-weight: 700;
    line-height: 40px;
}

.tech .ads-bullets .ads-group-title{
    font-size:20px;
    font-weight: 700;
    color:#33bffa;
}

.screen-view{
    max-width: 100%;
}

.ap-video-teaser{
    padding: 12% 0% 12% 0%;
}

.ap-box{
    max-width: 45%;
}

.ap-all-boxes{
    justify-content: space-between;
    display: flex;

}

.colred_dots_icon{
    height: 95px;
}

.tz_title{
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0rem;
}

.bp-teaser {
    max-width: 100%;
}

#country{
    padding: 8px 8px 8px 4px;
    width: 100%;
    background: #33bffa;
    border-color: #ffffff;
}

.edu-firs-teaser{
    margin-top: 5% ;
}


.edu-bottom-title{
    padding-left: 20%;
    padding-right: 20%;
}

.round-check{
    position: relative;
    height: 250px;
}

.check-circle{
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
}


.loading_icon{
    width: 80px;
    position: fixed;
    z-index: 9999;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    animation: rot-load 2s infinite linear ;
}

@keyframes rot-load {
    0% {transform: rotate(-360deg);}
   }
 



.check-b{
    animation: mymove-b 30s infinite linear ;
    margin: auto;
    height: 240px;
  }
  
  @keyframes mymove-b {
   0% {transform: rotate(360deg);}
  }




  .check-sign{
      margin: auto;
      width: 100px;
      position: absolute;
      top: 0;
      bottom: 0;
      left:0;
      right: 0;
  }

  .fullscreen-tnx{
      height: 100vh;
  }

  .maze_img_cont{
      position: relative;
  }

.path_image_maze{
    position: absolute;
    left:0;
    right: 0;
    opacity: 0;
    transition: .2s opacity;
}

.maze_text{
    padding-left: 20px;
    padding-right: 20px;
}

.rtb-flow{
    width: 100%;
    margin-bottom: 60px;
}

.vid-icon{
    height: 135px;
    display: flex;
    margin-left: auto; 
    margin-bottom: 40px;
}

.people-amb{
    max-height: 200px;
    margin-bottom: 20px;
}

.advid-icon{
    width: 65px;
    margin-right: 10px;
}
.advid-icon-text{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.ai-center{
    align-items: center;
    font-weight: 600!important;
}

.advid-right{
    float: right;
}

.p-blue{
    color:#5c67b0;
}

.p-purple{      
    color:#8a62aa;
}

.p-pink{
    color:#ec499a;
}

.p-green{
    color:#65bd73;
}

.pap {
    font-size: 55px;
    color: #47b8e6;
    text-align: center;
    font-weight: 700;
}

.b-all-p{
    margin-bottom: 30px;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: rgba(71,183,228,1);
    font-family: 'HELVETICA', sans-serif, Arial;
}

.b-all-p:hover{
    color: #fff;
}

.loading-icon{
    margin-left: 3%;
}

.pos-line {
    border-top: 1px solid #001478;
    border-bottom: 1px solid #001478;
    padding: 40px 0;
    margin-top: -1px;
    position: relative;
    display: grid;
    grid-template-columns: 70% 15% 15%;
}


.pos-line:hover{
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(163,220,243,0.5) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(163,220,243,0.5) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(163,220,243,0.5) 50%, rgba(255,255,255,0) 100%);
 }

.car-desc b{
    color: #000;
}

.car-arr{
    width: 20px;
    display:flex;
    margin-left: auto;
}

.car-desc{
    font-size: 16px;
    font-weight: 500;
    margin: auto 0;
    color: #001478;
    margin-right: auto;
    padding: 5px;
    border-radius: 25px;
    background-color: rgba(71,183,228,0.15);
    text-align: center;
    width: 102px;
}

.mega-dropdown.os {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 18%);
        padding: 50px;
        justify-content: space-between;
}

.car-exp{
    width: 60%;
    margin: 0 auto;
}

.car-pos{
    font-size: 22px;
    font-weight: 500;
    text-align: left;
}

.pos-title{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #33bffa;
}


.pos-hold{
    display: flex;
    margin: auto 0;
    gap: 30px;
}
.pos-hold p{
    font-weight: 600;
}

.pos-line .pos{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    color: #001478;
}

.sh-title{
    font-size: 14px;
    color: #33bffa;
    font-weight: 700;
    display: contents;
    padding-left: 10px;
}

h6{
    letter-spacing: -0.08em;
    font-size: 23em;
    font-weight: bold;
}




.textmask {
    background-image: url(../img/joinus_bg_f.jpg);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-position: center 30%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-top: -70px;
    margin-left: -3%;
 }

 .color-circles{
     position: relative;
 }

.color_c_a{
     position: absolute;
     left: 1%;
     right: 0;
     bottom: 18%;
     width: 60%;
}

 .color_c_b{
    position: absolute;
    left: 17%;
    right: 0;
    top: 15%;
    width: 82%;
    z-index: -1;
}

.car-btn{
    display: block;
    border: 3px solid rgb(51, 191, 250, 0.5);
    border-radius: 50px;
    padding: 10px 15px;
    color: #33bffa;
    font-family: roboto;
    font-weight: 500;
    font-size: 16px;
    margin: auto;
    background: rgba(255, 255, 255, 0);
}


.blog-btn{
    display: block;
    border: 2px solid rgb(51, 191, 250, 1);
    border-radius: 50px;
    padding: 10px 15px;
    color: #33bffa;
    font-family: roboto;
    font-weight: 500;
    font-size: 16px;
    margin: auto;
    width: 140px;
    background: rgba(255, 255, 255, 0);
    float: left;
}

.blog-btn:hover{
    color: #ffffff;
    background: #33bffa;
}


.car-btn:hover{
    display: block;
    border: 3px solid #33bffa;
    color: #33bffa;
}

.car-f, .car-l{
    width: 30px;
    margin-left: 3px;
}


.inner_main_title.main-career {
    height: 260px;
    margin-top: 50px;
    margin-bottom: 0px;
    align-items: center;
}

.inner.blog .inner_main_title{
    margin: 0 auto;
    padding-top: 130px;
}

.news-page .inner_main_title{
    width: 50%;
    margin: 0 auto;
    height: 280px;
}

.blog .sec-marg{
    margin-top: 230px;
}

.blog.ver-b .sec-marg{
    margin-top: 50px;
}


.blog-page-in h5{
    text-align: left;
}


.blog_inn.container{
    margin-right: 0;
    padding-right: 0;
}


.fol-soc{
    position: absolute;
    bottom:40px;
    display: none;
}

.req-title{
    margin-top: 20px;
}



.file-input-wrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .file-input-wrapper > input[type="file"] {
    font-size: 200px; 
    position: absolute;
    top: 0;
    right: 0;
    left:0;
    bottom:0;
    opacity: 0;
  }

  .file_input_textbox {
    font-size: 14px;
    height: 40px;
    padding: 5px;
    font-family: 'Roboto';
    border: 0px;
    background-color: rgba(255,255,225,0.2);
    border-radius: 30px;
    width: 100%;
}

  .file-input-wrapper > .btn-file-input {
    display: inline-block;
    height: 40px;
    width: 155px;
    margin-right: 10px;
    border:2px solid #ffffff;
    border-radius: 30px;
    background:rgba(255,255,255,0);
    padding:0 15px;
    color:white;
    font-size: 15px;
    font-family: 'Roboto';
  }

.file-input-wrapper > .btn-file-input-hover {
  cursor:pointer;
  display: inline-block;
  width: 155px;
  margin-right: 10px;
  height: 40px;
  border:2px solid #ffffff;
  border-radius: 30px;
  background:rgba(255,255,255,1);
  padding:0 15px;
  font-size: 15px;
  font-family: 'Roboto';
  color:#33bffa;
  }

  .end-career-mail{
    font-weight: 400;
}

.mail-career{
    font-weight: 700; 
}

.m-btn{
    padding-bottom: 2px;
    border-bottom:2px dashed #4fbbe7;
    color:#4fbbe7;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.a2a_svg{
    border-radius: 50px!important;
    padding: 3px;
    background-color: #46b6e4!important;
}

.blog .a2a_svg{
    border-radius: 50px!important;
    padding: 3px;
    background-color: #46b6e4!important;
}

.a2a_dd{
    display: none;
}

.a2a_svg {
    height: 35px!important;
    width: 35px!important;
    padding: 5px!important;
}

.a2a_default_style a {
    padding: 0 10px 0 0!important;
}

.ctv-form-page .navbar{
    display: none;
}

.ctv-form-page{
    padding-top: 5%;
}

.ctv-form-page{
    background-color: #42d1ff;
}

.ctv-form-page .imp-form-desc{
    margin-bottom: 20px!important;
}


.ctv-form-page .flow_title {
    font-weight: 900;
}

.aa-logo{
   max-width: 270px; 
}


/*  -------------------------------INDEX DARK------------------------------------------ */

.mcolor h2, .mcolor b {
    color: rgba(71,183,228,1);
    margin-top: 20px;
    width: 90%;
}


.tv-mob-lag{
    max-width: 100%;
    float: right;
    margin-top: 88%;
    margin-bottom: 10%;
}
.tv-slide-show{
    position: relative;
}

.tv-slide{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.main-tv-mob{
    margin-top: 30px;
}
.top-teaser-mob{
    overflow: hidden;
    height: 1250px;
    background: radial-gradient(circle at right 750px, #2e7a99 20%, #0b1215, #0b1215)
}

.main-tv-mob img{
    max-width: 94%;
    border-radius: 6px 0px 0px 6px;
}

.main-laptop-right-mob img{
    max-width: 110%;
    border-radius: 6px 0px 0px 6px;
    transform: translateX(-83px);
}

.mobile-app-vid{
    border-radius: 15px;
    border: 3px solid #ffffff;
    max-width: 60%;
    margin-left: 5%;
    margin-top: -50px;
    border
}

.index_dark h1{
    color: #ffffff;
}


.index_dark h3{
    color: #ffffff;
}
.index_dark h4{
    color: #ffffff;
}

.index_dark h5{
    color: #fff;
}

.index_dark h5{
    font-weight: 500;
}

.index_dark .tech p{
    font-weight: 300;
}


.index_dark.index_vid .sticky-wrapper{
    height: 0px!important;
} 
.index_dark {
    background:#00061a;
}

.index_dark .sticky-wrapper .navbar-nav a {
    color: #fff;
}


.back-space-bg{
    height: 950px;

}

.bg-img-car {
    background-image: url(../img/top_teaser_space_d.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 1;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
}

#bg-img {
    background-image: url(../img/top_teaser_space_d.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    opacity: 1;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.subullet{
    margin-left: 20px!important;
}
.subullet li{
    list-style: circle!important;
}

.left-line-box {
    border-left: 8px solid RGBA(0,20,120,0.2);
    padding: 0 20px;
    font-size: 25px;
    line-height: 45px;
    font-weight: 400;
    margin-bottom: 50px;
}


.sec-bull{
    list-style-type: circle!important;
}

.num_bull{
    list-style-type: auto!important;
}


.pos-des ul>li {
    margin: 0;
    padding: 0;
    list-style: disc;
    margin-left: 22px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #000b2e;
    margin-bottom: 0px;
  }
  
  li::marker {
    color: #001478;
    font-size: 21px;
  }


.lines_anim{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
}

.inner_main_title{
    padding-bottom: 2%;
}

.inner .inner_main_title{
    padding-top: 160px;
}

.fa-map-marker{
    margin-right: 10px;
}

.pos .pos_title .inner_main_title p{
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: inherit;
    margin-bottom: 50px;
    font-weight: 500;
    opacity: 0.8;
    font-size: 18px;
}

.back-arr{
    font-size: 21px;
    margin-right: 5px;
}

.pos .pos_title .inner_main_title h2{
    color: #fff;
    letter-spacing: 3px;
    text-transform: inherit;
    margin-bottom: 20px;
    margin-top: 40px;
    
}

.head-blog .inner_main_title h2{
    color: #fff;
    letter-spacing: 2px;
    text-transform: inherit;
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 55px;
}

.pos_title{
    background-color: #001478;
}

.inner .inner_main_title.va{
    padding-top: 160px;
}

 
.inner .inner_main_title.prog{
    padding-top: 160px;
    padding-left: 10%;
    padding-right: 10%;
}

.prog h3{
    padding-left: 15%;
    padding-right: 15%;
}

.car-top{
    overflow: hidden;
    position: relative;
    border-radius: 0px 0 200px 200px;
}

.car-top .bg-img{
    height: 800px;
}

.car-top h3{
    padding-left: 15%;
    padding-right: 15%;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #ffffff;
}

.car-top h2{
    color: #47b7e4;
}

.inner_main_title.va h2{
    margin-top: 60px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.inner_main_title.prog h2{
    margin-top: 60px;
    margin-bottom: 20px;
}

.pit-page .inner_main_title h2{
    margin-top: 30px;
}

.pit-header{
    overflow: hidden;
}

.rtb-inner-cont{
    border-top: 1px solid #b2b8d6;
    border-bottom: 1px solid #b2b8d6;
    padding: 50px 0;
}

.rtbdoc-click{
    font-weight: 700;
    color: #001478;
    margin-top: 50px;
    font-size: 16px;
}

.rtbdoc-click a{
    font-weight: 500;
    color: #68bd62;
    text-decoration: underline;
}

.rtb-lines-hold{
    margin-top: -1px;
    position: relative;
    display: grid;
    grid-template-columns: 20% auto;
    gap: 50px;
}

.dots-connect{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rtb-doc{
    display: block;
    text-align: center;
    text-decoration: none;
    color: #001478;
    background: #d7fdc7;
    font-family: 'HELVETICA', sans-serif, Arial;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 16px;
    width: max-content;
    padding: 16px 28px;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 40px;
}

.inner.blog .inner_main_title{
    overflow: visible;
}

.inner .inner_main_title{
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
}


.blog-top-head{
    display:grid;
    grid-template-columns: 750px auto;
    gap: 10%;
    justify-content: space-between;
}


.head-blog .inner_main_title h3{
    text-align: left;
    margin-top: 30px;
}

.index .inner_main_title {
    padding-bottom: 6%;
}

.inner .inner_main_title p{
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #010b2e;
    font-weight: 500;
    letter-spacing: 3px;
}

.car-top .inner_main_title h2{
    margin-bottom: 40px;
}

.inner_main_title h1{
    font-size: 75px;
    max-width:1280px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: 800;
    line-height: 95px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 25px;
    margin-bottom: 30px;
    left: 10px;
    position: relative;
}

.inner_main_title.imt-mob h1{
    padding-top: 10px;
}

.r-c{
    flex-direction: row-reverse;
}

.inner_main_title h2{
    font-size: 45px;
    font-weight: 800;
    letter-spacing: 12px;
    margin-bottom: 60px;
    word-spacing: 0.2rem;
}

.amb .inner_main_title h1{
    margin-bottom: 10px;
}


.mob-hold-teas{
    margin-top: 100px;
    position: relative;
    z-index: 2;
}

.amb-bottom-cal h2{
    background: rgb(6,119,255);
    background: -moz-linear-gradient(135deg, rgba(236,28,36,1) 0%, rgba(253,217,0,1) 25%, rgba(255,255,255,1) 50%, rgba(71,183,228,1) 75%, rgba(237,72,153,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(236,28,36,1) 0%, rgba(253,217,0,1) 25%, rgba(255,255,255,1) 50%, rgba(71,183,228,1) 75%, rgba(237,72,153,1) 100%);
    background: linear-gradient(135deg, rgba(236,28,36,1) 0%, rgba(253,217,0,1) 25%, rgba(255,255,255,1) 50%, rgba(71,183,228,1) 75%, rgba(237,72,153,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    font-weight: 900;
    width: 80%;
    margin: 50px auto;
    letter-spacing: 15px;
}

.aa-text h1{
    background: linear-gradient(90deg, rgba(0,242,234,1) 10%, rgba(255,0,79,1) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    font-weight: 900;
    width: 80%;
    margin: 0px auto -30px;
    letter-spacing: 15px;
}

.aa-text h2{
    margin-bottom: 0px;
}

.index_dark .inner_main_title h1{
    font-size: 75px;
    max-width:1400px;
    margin: 0 auto;
    padding-top: 9%;
    padding-bottom: 40px;
    font-weight: 800;
    line-height: 110px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 40px;
    padding-left: 1%;
    text-shadow: 0px 0px 20px rgb(71 183 228 / 0%);
}

.back-cir-hold{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.solststem{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 97%;
}

.solar-system{
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.45;
}

.ss-a{
    animation: planet-a 120s infinite linear;
}

@keyframes planet-a{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-b{
    animation: planet-b 100s infinite linear;
}

@keyframes planet-b{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-c{
    animation: planet-c 70s infinite linear;
}

@keyframes planet-c{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-d{
    animation: planet-d 50s infinite linear;
}

@keyframes planet-d{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-e{
    animation: planet-e 40s infinite linear;
}

@keyframes planet-e{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-f{
    animation: planet-f 30s infinite linear;
}

@keyframes planet-f{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-g{
    animation: planet-g 10s infinite linear;
}

@keyframes planet-g{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-h{
    animation: planet-h 5s infinite linear;
}

@keyframes planet-h{
    0%{
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(-360deg);
    } 
   
}

.ss-back{
    opacity: 0.5;
}


.cir-a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 35%;
    opacity: 0.10;
    animation: cirmov-a 1s normal forwards ease-in-out;
}

@keyframes cirmov-a{
    0%{
        transform: scale(0.7);
        opacity: 0;

    }

    100%{
        transform: scale(1);
        opacity: 0.10;
    } 
   
}

.cir-b{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 55%;
    animation: cirmov-b 1.5s normal forwards ease-in-out;
}

@keyframes cirmov-b{
    0%{
        transform: scale(0.3);
        opacity: 0;

    }
    100%{
        transform: scale(1);
        opacity: 0.10;
    } 
   
}

.cir-c{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 88%;
    opacity: 0.10;
    animation: cirmov-c 2s normal forwards ease-in-out;
}


@keyframes cirmov-c{
    0%{
        transform: scale(0.1);
        opacity: 0;


    }
    100%{
        transform: scale(1);
        opacity: 0.10;
    } 
   
}

.speed_anim{
    height: 250px;
    width: 700px;
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    margin: auto;
    opacity: 0.4;
    overflow: hidden; 
}

.gall-hold{
    display: grid;
    grid-template-columns: 15% 43% 23% 14%;
    justify-content: space-between;
    overflow: hidden;

}

.vid-cross-hold{
    display: grid;
    grid-template-columns: 30.1% 14.2% 50%;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    align-items: center;
    transform: scale(1);
}



.bott-vid-des{
    padding-top: 40%;
}


.vid-scr-a{
    max-width: 100%;
}

.vid-scr-tv{
    position: relative;
    display: flex;
}


.plcon{
    height: 60px;
    position: absolute;
    right: 30%;
    margin: auto;
    bottom: 20%;
    z-index: 2;
}

.tv-scr{
    max-width: 45vw;
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
    z-index: 0;
    transform: translateY(-60px);
}

.desk-scr{
    width: 28.3vw;
    position: absolute;
    top: 0;
    left:0;
    bottom: 0;
    z-index: 0;
    transform: translateY(87px);
}


.mob-scr {
    width: 7.9vw;
    transform: translate(-142%,-9%);
    z-index: -1;
}

.vid-scr-b{
    max-width: 100%;
}
.vid-scr-c{
    max-width: 100%;
    z-index: 1;
    margin-left: auto;
}

.vid-scr-mob{
    position: relative;
    display: flex;
    margin-top: auto;
    transform: translateY(90px);
}

.vid-scr-desk{
    position: relative;
    display: flex;
    transform: translateY(30px);
}


.aud-playr{
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 75%));
}

.aud-a{
    width: 320px;
    position: absolute;
    bottom: 3%;
    left: 12%;
}

.aud-b{
    width: 180px;
    position: absolute;
    top: 23%;
    left: 51%;
    right: 0;
}

.aud-c{
    width: 250px;
    position: absolute;
    right: 12%;
    bottom: 10%;
}

.gall-img-a{
    width: 100%;
    margin: 200px auto 0px;
    border-radius: 0 12px 12px 0;
}



.gall-img-b{
    width: 100%;
    margin: 0px auto 0px;
    border-radius: 12px;
}

.gall-img-c{
    width: 100%;
    margin: 70px auto 0px;
    border-radius: 12px;
}

.gall-img-d{
    width: 100%;
    margin: auto;
    margin: 300px auto 0px;
    border-radius: 12px 0 0 12px;
}


.ps{
    height: 45px;
}

.tra{
    transform: perspective(500px) rotateY(65deg) rotateZ(350deg) skewX(30deg);
}

.index_dark .inner_main_title p{
    font-size: 22px;
    line-height: 35px!important;
    width: 900px;
    letter-spacing: 1px;
    margin: 0 auto ;
    font-weight: 400;
    color: #ffffff;
}

.spaceship-hold{
    margin-top: 180px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.spaceshipt-bottom{
    max-width: 100%;

}

.light-blue-big{
    width: 80px;
    height: 80px;
    border-radius: 35px;
    background-color: #47b7e4;
    filter: blur(15px);
    position: absolute;
    left: -150px;
    right: 0;
    top: 50px;
    bottom: 0;
    margin: auto;
}


.light-blue-small{
    animation: ss 0.09s infinite;
  }

  .light-blue-small{
    width: 40px;
    height: 40px;
    border-radius: 35px;
    background-color: #47b7e4;
    filter: blur(8px);
    position: absolute;
    left: -30px;
    right: 0;
    top: 50px;
    bottom: 0;
    margin: auto;
}


.light-blue-small-left{
    animation: ss 0.09s infinite;
  }

  .light-blue-small-left{
    width: 40px;
    height: 40px;
    border-radius: 35px;
    background-color: #47b7e4;
    filter: blur(8px);
    position: absolute;
    left: -165px;
    right: 0;
    top: 150px;
    bottom: 0;
    margin: auto;
}



.light-blue-big{
    animation: ss 0.09s infinite;
  }

@keyframes ss{
			0%{
				opacity: 0.7;
			}

			100%{
				opacity: 1;
			}
			
}



.spaceship-hold{
    animation: rot 0.2s infinite;
  }

@keyframes rot{
			0%{
				transform: translate(1px, -1px);

			}

			25%{
				transform: translate(0px, 1px);
			}

            50%{
				transform: translate(-1px, -1px);
			}
            75%{
				transform: translate(0px, 1px);
			}
            100%{
				transform: translate(1px, -1px);
			}
			
			
			
}

.ast {
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    width: 150px;
    animation: fly-around 360s linear infinite;
    z-index: 10;
}

@keyframes fly-around {
    0% {
      transform: translate(-100%, -100%) rotate(0deg) translateX(100%) rotate(0deg);
    }

    25% {
        transform: translate(100%, 100%) rotate(360deg) translateX(100%) rotate(360deg);
      }

    75% {
      transform: translate(-100%, -100%) rotate(0deg) translateX(100%) rotate(360deg);
    }

    100% {
        transform: translate(100%, 100%) rotate(360deg) translateX(100%) rotate(0deg);
      }
  }




  .slider {
    position: relative;
    width: 100%;
    height: 400px;
  }
  
  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
  }
  
  .slide.active {
    opacity: 1;
  }
  
  .slide:last-of-type {
    animation: slideshow 12s infinite;
  }
  
  @keyframes slideshow {
    0% {
      opacity: 0;
    }
    16.666% {
      opacity: 1;
    }
    50% {
      opacity: 1;
    }
    66.666% {
      opacity: 0;
    }
  }
  
  .slide.active.fade-out {
    animation: fadeout 1s forwards;
  }
  
  @keyframes fadeout {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  .slide.next.fade-in {
    animation: fadein 1s forwards;
  }
  
  @keyframes fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  





  
        
   .not-f-con p{ 
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3.5px;
    font-weight: 700;
    z-index: 12;
    position: relative;
   }



.index_dark .inner_main_title h5{
    font-size: 25px;
    line-height: 35px!important;
    width: 100%;
    margin: 0 auto;
    font-weight: 500;
    width: 70%;
    color: #33bffa;
}

.mx .sign_up_btn {
    display: none;
}

.sign_up_btn {
    border-radius: 20px !important;
    padding: 6px 14px !important;
    background-color: rgba(255,255,255,0);
    border: 2px solid #fff;
    margin-top: -6px;
    color: #fff;
}

.sign_up_btn:hover{
    color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.main_two_btn{
    display: flex;
    justify-content: space-between;
    gap: 5%;
}

.start_btn_ctv{
    width: 250px;
    border-radius: 50px;
    line-height: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    background: #425ac9;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    height: 60px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.start_btn_ctv:hover{
    color: rgba(255,255,255,0.5);
}

.form-btn{
    border-radius: 50px;
    width: 100%;
    border: 0px;
    padding: 25px;
    line-height: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 17px;
    background: #46b6e4;
    box-shadow: 0px 0px 30px rgb(255 255 255 / 40%);
    cursor: pointer;
    text-align: center;
}



.form-btn:hover{
    opacity: 0.8;
}

.btn-sep{
    height: 100%;
    border-left: 1px solid #425ac9;
}

.start_btn_inner_bottom.btn_dark{
    width: max-content;
    display: block;
    border-radius: 50px;
    padding: 30px;
    line-height: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 40px auto;
    background: #46b6e4;
    box-shadow: 0px 0px 30px rgba(255,255,255,0.4);
    cursor: pointer;
    text-align: center;
}

.start_btn_inner.btn_dark{
    width: 380px;
    display: block;
    border-radius: 50px;
    padding: 20px 15px;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #00061a!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin: 40px auto;
    background: #ffffff;
    box-shadow: 0px 0px 30px rgba(71 183 228 / 30%);
    cursor: pointer;
    text-align: center;
}

.start_btn_inner_bottom.btn_dark:hover{
    background-color: rgba(71,183,228,1);
    box-shadow: 0px 0px 50px rgba(71,183,228,0.9);

}

.start_btn_inner.btn_dark:hover{
    background-color: rgba(71,183,228,1);
    box-shadow: 0px 0px 50px rgba(71,183,228,0.9);

}

.start_btn_inner.btn_dark.btn_works{
    border: 3px solid #face0b;
    background: #face0b;
}

.sec-mt{
    margin-top:130px;
}
  
  .philosophie {
    position: relative;
    margin: 0 150px;
    display: flex;
    justify-content: center;
  }
  
  .indicators {
    left: 2rem;
    top: 0;
    margin: 10vh 0;
    height: 80vh;
    width: 3px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
  }
  
  .indicator {
    width: 100%;
    background-color: #adadad;
    flex-grow: 1;
    margin: 2px 0;
  }
  
  .philosophie .point {
      width: 100%;
      align-items: center;
      text-align: center;
      top: 14%!important;

  }

  
  .philosophie .wrapper {
    height: 100vh;
    width: 100%;
    padding-bottom: 50px;
    background-image: url(../img/blue_bg_top.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 300px;
    z-index: 99;
  }
  
  .point article {
    flex-basis: 60%;
    margin-right: auto;
  }
  
  .point img {
    border-radius:8px;
    flex-basis: 100%;
    max-width: 100%;
    height: auto;
  }

  .point-back{
    z-index: -10;
    height: 25vh;
    width: 70%;
    top: 250px;
    position: absolute;
    left: 0;
    margin: auto;
    right: 0;
    box-shadow: 0px -200px 500px rgb(51 191 250 / 50%);
  }
  .bottom-screen{
    height: 600px;
    width: 100%;
    position: absolute;
    z-index: -1;
    margin: 20% auto;
    border-radius: 10px 10px 0px 0px;
    background-color: #47b8e6;
}

.first-screen img{
    opacity: 1!important;
    visibility: visible!important;
}

.point img{
    opacity: 1!important;
}

.circle-dark-bg{
    position: absolute;
    top: 0%;
    left: 0;
    right:0;
    height: 2500px;
    z-index: -2;
    }

.bts img{
    z-index: 100;
}

.main-big-tv{
    transform: translateY(100px);
}

.main-big-tv .item_animation{
    transition: ease-in 0.3s transform;
}

.main-big-tv .adsPageAnim{
    transform: scale(0.75) translateY(100px);
    transition: ease-in 0.3s transform;
}

.main-mobile-left{
    opacity: 0;
    position: absolute;
    max-width: 420px;
    left: -3%;
    bottom: 0;
    top:48%;
    border-radius: 20px;
    border: 3px solid #ffffff;
    z-index: 11;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.25);
    transition: all 1s cubic-bezier(0, 0, 0.0, 1)0s;
}

.main-mobile-left.mainIndexAnim{
    opacity: 1;
    left: 1%;
    transition: all 1s cubic-bezier(0, 0, 0.0, 1)0s;
}

.main-laptop-right.mainIndexAnim{
    opacity: 1;
    right: 3%;
    transition: all 1s cubic-bezier(0, 0, 0.0, 1)0s;
}

.main-laptop-right{
    width: auto;
    opacity: 0;
    position: absolute;
    right: -2%;
    bottom: 5%;
    z-index: 2;
    -webkit-filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.2));
  filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.2));
  transition: all 1s cubic-bezier(0, 0, 0.0, 1)0s;
}

.plat-img{
    max-width: 95px!important;
    filter: invert(0);
}

.plat-img-big{
    max-width: 120px!important;
    filter: invert(0);
}

.ctv_all.plat_logos {
    background-color: #0b1215;
    margin-left: 150px;
    margin-right: 150px;
    border-radius:0px;
    padding-bottom: 40px;
}

.plat_logos .container{
    max-width: 100%;
    padding:0px 0;
    overflow: hidden;
}

.dark-main-title-ott{
    font-size: 7vh;
    font-weight: 700;
}

.vbf{
    font-weight: 700;
    -webkit-animation: color-change 3s infinite;
    -moz-animation: color-change 3s infinite;
    -o-animation: color-change 3s infinite;
    -ms-animation: color-change 3s infinite;
    animation: color-change 3s infinite;
}


  
@-webkit-keyframes color-change {
    0% { color: #f9a51f }
    50% { color: #ed4899; }
    100% { color: #47b7e4; }

}
@-moz-keyframes color-change {
    0% { color: #f9a51f }
    50% { color: #ed4899; }
    100% { color: #47b7e4; }
}
@-ms-keyframes color-change {
    0% { color: #f9a51f }
    50% { color: #ed4899; }
    100% { color: #47b7e4; }
}
@-o-keyframes color-change {
    0% { color: #f9a51f }
    50% { color: #ed4899; }
    100% { color: #47b7e4; }
}
@keyframes color-change {
    0% { color: #f9a51f }
    50% { color: #ed4899; }
    100% { color: #47b7e4; }
}

.dark-main-title-ott.text-black, .dark-main-title-sec.text-black{
    color:#000000;

}

.dark-main-title{
    font-size: 7vh;
    font-weight: 700;
}


.dark-main-title-sec{
    font-size: 45px;
    width: 80%;
    font-weight: 400;
}



.team_hold .dark-main-title-sec{
    width: 350px;
}


.ott-teaser{
    max-width: 100%;
}

.ott-grid{
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(2, 1fr);
}

.apple-s .ott-grid{
    display: grid;
    gap: 60px;
    grid-template-columns: 45% 55%;
    position: relative;
}

.adv-sol-hold.ott-grid{
    gap: 0px 60px;
}

.index_dark .tech p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}

.ctv-box{
    margin-top: 150px;
}

.wrapperRollingText {
    white-space: nowrap;
    font-family: 'Playfair Display', sans-serif;
    margin-top: 20px;  
  }
  .wrapperRollingText {
    white-space: nowrap;
    font-family: 'Playfair Display', sans-serif;
    margin-top: 20px;  
  }

  .cards-container {
    position: relative;
  }
 
  .card-project {
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
  }

  .ctv_all.pack-title{
      border-radius: 0px;
  }

  .ctv_all.pack-title{
    z-index: 0;
  }

  .right-black-block{
    background: #0b1215;
    height: 100%;
    width: 52%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  .left-black-block{
    background: #0b1215;
    height: 100%;
    width: 52%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }


  .lb-a{
    color: #e84b9a;
    margin-right: 12px;
  }
  .lb-b{
    color: #5c67b0;
    margin-right: 12px;
}
  .lb-c{
    color: #67be6b;
    margin-right: 12px;
}
  .lb-d{
    color: #face0b;
    margin-right: 12px;
}
  .lb-e{
    color: rgba(0, 0, 0, 0);
    margin-right: 12px;
}
.pack-grid{
    grid-template-columns: 2fr 2fr;
    display: grid;
    padding: 100px 0;
    z-index: 10;
}

.pack-grid-bull{
    margin-left: 30px;
}

.pack-grid-bull p{
    font-weight: 400;
}
.pack-bull{
    grid-template-columns: 1fr 8fr;
    display: grid; 
    align-items: center;
    padding: 20px 0;
    border-top:solid 1px #555a5c;
}

.pack-bull p{
    margin: auto 0;
}
.pack_icon{
   height: 32px;
   margin: 0 auto;
}
.pack_icon_big{
    height: 26px;
    margin: 0 auto;
 }

 .ott-btn-demo {
    display: block;
    border: 0px solid #ffffff;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 18px;
    color: #000!important;
    font-family: roboto;
    font-weight: 700;
    width: 65%;
    height: 70px;
    padding: 25px;
    font-size: 18px;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    position: absolute;
    bottom: 0;
}

.ott-btn-demo:hover {
    opacity: 0.8; 
}

.mr-40{
    margin-right: 40%;
}



.index_dark .inner_main_title.why-desc h5{
    margin: auto 0;
}

.top_main_title{
    display: grid;
    grid-template-columns: 1fr;
}


.ptr{
    height:760px;
  }


  .ctv_all.white_bg_bull{
      background: #ffffff;
      border-radius: 0;
      padding-top: 100px;
  }

  .white_bg_bull h5{
   color:#000000;
   font-weight: 700;
   margin-top: 25px;
}

.white_bg_bull .tech p{
    margin-top: 10px;
    font-weight: 400;
 }

  .time-bull{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(30%,1fr));
    margin-top: 100px;
    gap: 30px;
}
.bottom-rd{
  margin-top: 100px;
  padding-bottom: 100px;
}

.tf{
    font-weight: 400;
    line-height: line-height: 9vh!important;
}

.bottom-rd .fit_btn{
    margin-left: 0;
    margin-top: 20px;
}


.dashboard-teaser{
    padding-top:100px;
}

.dashboard-teaser h5{
    color:#000000!important;
    font-weight: 700;
}

.dashboard-teaser p{
    color:#000000!important;
    font-weight: 500!important;
    width: 50%;
}

.spashscreen-top{
    margin-top: -12px;
}

.dash-teaser {
    max-width: 100%;
}

.slick-slide img{
    width: 90%!important;
}

.slider-logo{
    overflow: hidden;
}


.wrap-logo {
    display: flex;
    align-items: center;
  　height: 340px;
  　overflow: hidden;
  }

  .abo-right{
    background-color:#f2f3f4;
    border-radius: 0px 16px 16px 0px;
    padding: 40px;
    overflow: hidden;
}

  .wrapper-brandBook.container {
    padding-left: 0px;
}


/*-------- base style --------*/
li {
    list-style: none;
}

.termd-cont ul>li {
    list-style: disc;
    margin-left: 22px;
}

/*-------- base style --------*/
.slide-list {
    display: flex;
    margin: auto;
    margin-left: 30px;
}
.slide-list .slide-item {
    width: 54.5454545455vw;
    max-width: 150px;
    margin: auto;
}
.slide-list .slide-item + .slide-item {
    margin-left: 30px;
}
.slide-list .slide-item__ttl {
    font-size: 20px;
    text-align: center;
}
.js-loop-slide-holder {
    display: flex;
    overflow: hidden;
}
.js-loop-slide-holder .js-loop-slide {
    transition: animation 0.4s ease-in-out;
}
.js-loop-slide-holder .js-loop-slide:first-child {
    animation: jsLoopSlide 100s -50s linear infinite;
}
.js-loop-slide-holder .js-loop-slide:last-child {
    animation: jsLoopSlide2 100s linear infinite;
    padding-left: 0px;
}

.js-loop-slide-holder:hover .js-loop-slide {
    transition: animation 0.4s ease-in-out;
}
.js-loop-slide-holder:hover .js-loop-slide:first-child {
    animation-play-state: paused;
}
.js-loop-slide-holder:hover .js-loop-slide:last-child {
    animation-play-state: paused;
}
@keyframes jsLoopSlide {
    0% {
        transform: translateX(100%);
   }
    100% {
        transform: translateX(-100%);
   }
}
@keyframes jsLoopSlide2 {
    0% {
        transform: translateX(0);
   }
    100% {
        transform: translateX(-200%);
   }
}



/*  -------------------------------INDEX-TEST------------------------------------------ */
/* .index-test-teaser-hold{
    height: 100vh;
}


.inner_main_title.index-test-teaser{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 120!important;
    width: 80%;
    margin: 15% auto;
}


.main-test.philosophie .wrapper {
    background-size: 0px!important;
}
  
.main-teaset-text{
    opacity: 1;
    transition: all 1s cubic-bezier(0, 0, 0.0, 1)0s;
}

.main-teaset-text.main_top_text_show {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0, 0, 0.0, 1)0s;
}

.main-mobile-left{
    opacity: 0;
}

.main-mobile-left.main_top_text_show_b {
    opacity: 1;
    left: 10%;
    transition: all 0.5s cubic-bezier(0, 0, 0.0, 1)0s;
}
.main-laptop-right.main_top_text_show_c{
    right: 5%;
    opacity: 1;
}

.ctv_all.logo-test {
    margin-left: 0!important;
    margin-right: 0!important;

}

.ctv_all.plat_logos.logo-test{
    background: rgba(0, 0, 0, 0);
}

.logo-test .slide-list {
    filter: invert(1);
}
*/
/*  -------------------------------OLD------------------------------------------ */




.blog-page-in h3{
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0px;
}


h4{
    font-size: 4.5vw;
    color:#ffffff;
    font-weight: 400;
    line-height: 90px!important;
}

h5{
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0px;
	line-height: 45px!important;
}

li a{
    font-family: 'HELVETICA', sans-serif, Arial;
    font-weight: 400;
}

.pl-5{
	padding-left:5%!important;
}

.faqs_tab{
	text-transform: inherit!important;
}

.navbar-toggler {
    border: 0px solid transparent;
}

.lnr {
    font-weight: bold;
    font-size: 23px;
    color: #000;
}

li {
    font-family: roboto;
    font-size: 15px;  
}

u{
    font-weight: 400;  
}
.terms ul {
    margin: 0;
    padding-left: 20px!important;
    list-style: disc!important;
}

.blog-page-in .tech ul {
    margin: 0;
    padding-left: 20px!important;
    list-style: disc!important;
   
}

.blog-page-in .tech li {
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}


td, th {
    border-radius: 0px;
    font-family: roboto;
    border: 1px solid #cacaca;
    padding: 10px;
    font-weight: 400;
}


button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}


.start_btn.fit_btn:hover {
    opacity: 0.7;
}

.how_it_works.fit_btn:hover {
    opacity: 0.7;
}

.navbar-nav a {
    text-transform: capitalize;;
    font-weight: 500;
    color: #fff;
    padding: 33px 25px 33px 0px;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
}

.navbar-nav a:hover {
    color: #47b8e6;
}

.navbar-toggler {
    padding: 0.0rem 0.0rem;
}


.contrast{
    filter: contrast(1.015);
    max-width: 100%;
}


.vertical-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.num_one{
    letter-spacing: -15px;
}


.default-header .container{
       max-width: 100%;
       position: relative;
       padding: 0px;
}

.about .container{
   max-width: 100%; 
}

.container.flow_icons{
    max-width: 100%;
}

.banner-area{
    background:transparent;
}


.banner-left h1 {
    color: #222;
    font-size: 2.6vw;
    font-weight: 600;
    line-height: 1em;
	margin-top:15%;
    margin-bottom: 20px;
    font-family: roboto;
    letter-spacing: 1.2px;
    
}

.banner-left p {
    color: #222;
    font-size: 21px;
    line-height: 35px;
    font-weight: 500;
    font-family: roboto;
    width: 70%
    
}

.yt-start-btn{
    color: #fff!important;
    background: #33bffa!important;
    border: 3px solid #33bffa!important;
}

.yt-work-btn{
    color: #33bffa!important;
    background: #ffffff!important;
    border: 3px solid #33bffa!important;

}

.career-btn{
    border: 3px solid #ffffff!important;
    background-color: rgba(0,0,0,0)!important;
    color: #000000!important;
}

.bottom-career .start_btn.fit_btn {
    display: block;
   border: 3px solid #000;
   border-radius: 50px;
   padding: 15px 20px 15px 20px;
   font-size: 17px;
   color:#fff;
   font-family: roboto;
   font-weight: 500;
   width: 170px;
   font-size: 18px;
   margin: auto;
   background: #000;
}

.start_btn.fit_btn {
     display: block;
    border: 3px solid #000;
    border-radius: 50px;
    padding: 15px 20px 15px 20px;
    font-size: 17px;
    color:#fff;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
    font-size: 18px;
    margin: auto;
    background: #000;
}

.how_it_works.fit_btn {
    display: block;
    border: 3px solid #000;
    border-radius: 50px;
    padding: 15px 20px 15px 20px;
    font-size: 17px;
    color:#000000;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
    font-size: 18px;
    margin: auto;
    background: #fff;
}

.do-text{
	font-size: 12px;
    line-height: 12px;
	color:#7d7d7d;
}

.start_btn_model.fit_btn {
    display: block;
    border: 3px solid #40cdff;
    border-radius: 50px;
    padding: 10px 20px 18px 20px;
    font-size: 17px;
    color:#000000!important;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
	height:80px;
    font-size: 18px;
    background-color: rgba(0,0,0,0);
	cursor: pointer;
}

.start_btn_model.fit_btn:hover {
    opacity:0.75;

}


.start_now_btn.fit_btn {
    display: block;
    border: 3px solid #40cdff;
    border-radius: 50px;
    padding: 25px 20px 20px 20px;
    font-size: 17px;
    color:#ffffff!important;
	background:#40cdff!important;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
	height:80px;
    font-size: 18px;
    background-color: rgba(0,0,0,0);
	cursor: pointer;
}

.start_now_btn.fit_btn:hover {
	opacity:0.75;
}


.container_slider .slide {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 1s ease-in;
  width: 100%;
  z-index: -1;
  overflow: hidden;
}


.flow_title{
    font-size: 55px;
    color:#000000;
    font-weight: 700;
    width: 100%;
  
}

 

#animation_container{
    max-width: 100%!important;
    height: auto;
    overflow: hidden;
}

#canvas{
	width: 100%;
	height: 950px;
    z-index: 99;
    background-color: rgba(0,0,0,0);
}



.container.flow  {
    max-width: 100%;
    padding-left: 110px;
    padding-right: 110px;
    position: relative;
    z-index: 1;
}

.ctm-teaser .container.flow {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.container.flow.flin  {
    max-width: 100%;
    padding-left: 175px;
    padding-right: 175px;
}

.startvideo{
    cursor: pointer;
    
}
.container.mcn_main{
    max-width: 100%;
}

.mcn_main{
    position: relative;
}

.mcn_main_teaser {
    position: absolute;
    bottom:5%;
    left:0;
    right:0;
    margin: auto;
    max-width: 70%;
    margin-left: 300px;
 
}

.mcn_main_teaser h1{
    font-size: 6vw;
    line-height: 5.5vw!important; 
    font-weight: 900;
}

.form-grid{
    grid-template-columns: 2fr 2fr;
    display: grid;
    grid-gap: 10px 20px; 
}


.title_lines{
   width: 10%;
   margin-left: 8px;
    
}



.form-logo{
    width: 100%;
}

.imp-form-desc{
    padding-right: 30%;
    margin-top: 30px;
    margin-bottom: 60px!important;
}

.teaser_arrow_down{
  width: 30px; 
}

.teas_up_arrow{
    float: right;
    margin-top: -35px;
}


.imp-form-hold{
    padding: 5% 15% 5% 15%;
    margin-bottom: 10%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
}


#trailer {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
    z-index: -1;
}

#trailer > video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
    min-width: 100%; 
    width: auto; 
	height: auto; 
}

#trailermcn {
	position: absolute;
	top: 0;
    right: 0;
    bottom: 0; 
    left: 0;
	overflow: hidden;
    z-index: -1;
}

#trailermcn > video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
    min-width: 100%; 
    width: auto; 
	height: auto; 
}


.container.video-player{
    max-width: 100%;
}

.hold-ship{
    transform: scale(0.8);
}

/* .palyer-vid .default-header {
    background-color: rgba(0,0,0,0.0)!important;
} */

/* .palyer-vid .navbar-brand{
    filter: drop-shadow(0px 0px 5px #00000046);
} */

.palyer-vid h2{
    font-weight: 700;
    font-size: 2.3vw;
}

.iframe-video{
    box-shadow: 0px 3px 20px rgba(0,0,0,0.4);
    width: 60%;
    height: auto;
}


.palyer-vid .is-sticky .default-header {
    background-color: rgba(255,255,255,1)!important;
}

.palyer-vid .is-sticky .navbar-brand{
    filter: drop-shadow(0px 0px 0px #00000046);
}

.adv-logos-gal h3{
    margin-top: 80px;
}

.adv-logos-gal .logos-grid{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0px;
    justify-content: space-between;
    border: 1px solid #ffa619;
    border-radius: 16px;
    overflow: hidden;
}

.sdkplat-grid{
    display: flex;
    justify-content: space-between;
}

.sdkplat-hold{
    text-align: center;
    transition: all 0.3s ease 0s;
}

.sdkplat-hold:hover{
    filter: brightness(1.5);
    transition: all 0.3s ease 0s;
}

.mobsdk .sec-marg .sdkplat-hold p{
    font-size: 14px;
    color: #47b7e4;
    margin-top: 15px;
}

.sdkplat-logo{
    height: 60px;
}

.moving-glow:before, .moving-glow:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);
    background-size: 400%;
    width: calc(50% + 10px);
    height: calc(50% + 10px);
    z-index: -1;
    animation: anim-moving-glow 20s linear infinite;
    border-radius: 50%;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    filter: blur(20px);
    opacity: 0.8;
}

@keyframes anim-moving-glow {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.moving-glow:after {
	filter: blur(30px);
}


@media (min-aspect-ratio: 16/9) {
     #trailer > video { height: 300%; top: -100%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailer > video { width: 300%; left: -100%; }
 }
 @supports (object-fit: cover) {
     #trailer > video {
         top: 0; 
         left: 0;
         width: 100%; 
         height: 100%;
         object-fit: cover;
     }
 }



#trailer2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    filter:grayscale(100%) brightness(17%);
}

#trailermain {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.timeline_box {
    position: relative;
    max-width: 72%;
    margin: auto !important;
}

.how_it_works {
    position: relative;
}

.work_title {
    border-bottom: 7px solid rgba(255, 255, 255, 1);
    padding-bottom: 15px;
    width: 94%;
    margin: auto;
    padding-top: 70px;
}

.timeline_box h3{
    color:white;
}

.timeline_box p{
    color:white;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.video_btn {
    width: 120px;
    height: 120px;
    cursor: pointer;
    display: inline-block;
    padding-top: 14%;
    padding-bottom: 14%;
    margin: auto;
}


#trailer2:hover .video_btn:hover {
    transition: all 0.3s ease;
}

#trailer2{
    transition: all 0.3s ease;
}



.color_a{
    background: rgb(250,212,6);
    background: -moz-linear-gradient(45deg, rgba(250,212,6,1) 0%, rgba(236,32,40,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(250,212,6,1) 0%, rgba(236,32,40,1) 100%);
    background: linear-gradient(45deg, rgba(250,212,6,1) 0%, rgba(236,32,40,1) 100%);
    height: 7px;
}

.color_b{
    background: rgb(71,184,230);
    background: -moz-linear-gradient(45deg, rgba(71,184,230,1) 0%, rgba(66,206,178,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(71,184,230,1) 0%, rgba(66,206,178,1) 100%);
    background: linear-gradient(45deg, rgba(71,184,230,1) 0%, rgba(66,206,178,1) 100%);
    height: 7px;
}

.color_c{
    background: rgb(248,83,165);
    background: -moz-linear-gradient(45deg, rgba(248,83,165,1) 0%, rgba(95,103,175,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(248,83,165,1) 0%, rgba(95,103,175,1) 100%);
    background: linear-gradient(45deg, rgba(248,83,165,1) 0%, rgba(95,103,175,1) 100%);
    height: 7px;
}

.novideo{
	width: 450px;
}

.novideo {
    display: none!important;
}


.vid_channle{
    position: absolute;
    left: -67px;
}

.vid_left {
    position: absolute;
    right: -80px;
}

.vid_streamer {
    position: absolute;
    bottom: 45px;
    left: -95px;
}

.streamer{
    max-width: 100%;
    height: auto;
    z-index: 10000;
}


.tech p{
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
}

.player_gif{
    max-width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.20);
    border-radius: 16px;
}

.adcenter{
    max-width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.35)
}


.right_cube .img-right{
   width: 660px;
   margin-top: 80px;
   height: auto;
   overflow: hidden;
}

.about_sec{
   padding-left: 15%;
   padding-right: 15%;
   padding-top: 7%;   
}

.mini-about{
    margin-top: 30px;
    font-size: 15px; 
    font-weight: 400;
    line-height: 24px;
    color: #000b2e!important;
    opacity: 1!important;
    letter-spacing: 0.2px;
   }


.contact_sec{
   padding-left: 15%;
   padding-right: 15%;
   padding-top: 2%;
}

.about_left{
    background-color: rgba(255,255,255,0.88);
    padding: 3%;
}

.about_right{
    background-color: rgba(255,255,255,1);
    padding: 3%;
}


.contact_right{
    color: #000;
}

.about_icon{
    width: 120px;
    height: auto;
}

.three_plat .container{
    max-width: 100%;
    padding-left: 330px;
    padding-right: 330px;
}



.three_plat p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}


.container.par{
    max-width: 100%;
}

.three_plat_platforms{
    width: 100%;
}


.three_bullet{
    font-size:2.6vw;
    color: #40cdff;
    font-weight: 900;
    letter-spacing: -5px;
    line-height:5vw;
    
}


.ac_text{
    width: 60%;
    margin: auto;
}

.mcn_page .footer-area {
    margin-top:0px;
    padding-top: 0px;
}

.right_bull h5{
    font-size:2.6vw;
    float: right;
}

.adcenter_blue .container{
    max-width: 100%;
}


.bottom_slide .container{
    max-width: 1240px;
    padding: 10% 15% 10% 0%;
        
}

.model{
    background-image: url(../img/bottom_model_bg.jpg);
    background-repeat: no-repeat;
    background-position:  bottom center!important;
    background-size: cover;
    background-attachment: fixed;
        
}

.model_h5{
    font-size: 4vw;
    line-height: 4vw!important;
    font-weight: 700;
}


.pop_pic_zoomin{
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right:0;
    bottom:0;
    opacity: 0;
    transform: scale(0.85);
    
}

.pop_pic_zoomin_show{
    opacity: 1;
    transform: scale(1);
    transition: all 1s cubic-bezier(0, 0, 0.0, 1)0.05s;
}



.adcenter_blue{
    background-color: #40cdff;
    padding-top: 8%;
    padding-bottom: 8%;
}

.bottom_slide p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}


.ac{
    max-width: 100%;
}

.about p{
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}

.about_title {
    font-size: 4vw;
    font-weight: 900;
    width: 97%;
    color:#47b8e6;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 40px;
    border-radius: 16px;
}

.event-pop-hold .modal-body{
    display: grid;
    grid-template-columns: 300px 450px;
    padding: 0px;
    border-radius: 16px;
    overflow: hidden;
}

.event-pop-hold .event-logo{
    width: 150px;
}


.event-pop-logo{
    background: #001478;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.event-pop-logo h2{
    text-align: center;
    margin-left: 20px;
    font-size: 45px;
    line-height: 55px;
}

.event-hold-form{
    padding: 30px;
    margin: auto 0;
}

.event-pop-hold.exitpopup-modal-window{
    width: auto;
}

.file-input-wrapper > input[type="file"] {
    font-size: 200px; 
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
  }

  .imp-form-style .imput{
    color: #888888!important;
  }



.imp-form-style .single-input:focus {
    background-color: #e7edf0;
    border-bottom: 1px #e7edf0  solid;
    padding-left: 7px;
}

.imp-form-style .single-textarea:focus {
    background-color: #e7edf0;
    border: 1px #e7edf0  solid;
    padding-left: 7px;
}



.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    background:rgba(0,0,0,0);
    padding: 0 0px;
    font-family: roboto;
    color:#000000;
    border-bottom: 1px #33bffa solid;
}

.single-input-time{
    width: 100%;
    background: rgba(0,0,0,0);
    padding: 5px;
    border: solid 1px #ffffff;
}




.index .primary-btn {
    display: block;
    border: 0px solid #33bffa;
    border-radius: 50px;
    padding: 5px 40px;
    color: #fff;
    font-family: roboto;
    font-weight: 500;
    font-size: 18px;
    margin: auto;
    background: #33bffa;
    box-shadow: 0 3px 10px rgba(0,0,0,0.0);
}

.index .primary-btn:hover {
    border:0px solid #fff;
    opacity: 0.8;
    box-shadow: 0 3px 10px rgba(0,0,0,0.0);

}

.footer-area {
    padding-top: 50px;
    background-color: #ffffff;
}

.footer-area .footer-nav li a {
    color: #000b2e; 
}

.footer-area .footer-nav li {
	margin-top: 15px;
}


.footer-area .footer-nav.ligal_bottom li {
	margin-top: 0px;
}


.footer-area li a {
    font-family: roboto;
    font-weight: 400;
    color: #000b2e;
}

.footer-area li a:hover {
    font-family: roboto;
    font-weight: 400;
    color: #42d1ff;
}


.footer-area .footer-nav li a:hover {
    opacity: 0.8; 
}


.footer-bottom {
    margin-top: 60px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.ligal_bottom{
    display: flex;
    gap: 20px;
}

.copyright{
   text-align: left; 
    letter-spacing: 0.2px;
    font-weight: 400;
    padding: 0;
    font-size: 15px;
    color: #000b2e!important;
    opacity: 1!important;
}

.mmg{
   max-width:140px; 
   text-align: left;
   margin-top: -6px;
   padding: 0;
}

.castify_footer{
    text-align: left;
}


.player_bg_mob{
    width: 100%;
}


.gif_anim{
    max-width: 100%;
}


.icons_flow_mob {
    width: 100%;
    filter:contrast(1.03);
}

.sec_form {
    display: flex;
    align-items: center;
}



.signup_ptwo{
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 25px;
}

#form_signup .box2 {
	width: 100%;
	border: 4px solid #6bd1fa;
	background-color: #6bd1fa;
}

#form_signup .sb10:after {
	display:none;
}

#form_signup .sb10:before{
	border-bottom: 10px solid #6bd1fa;
}

.sec_form .container {
    max-width: 650px;
    padding: 0;
}



.sign_up_page .form_content {
    background: #47b8e6;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    padding: 20px 25px 40px;
}


.genric-btn.info-border:hover {
    background: #fff !important;
    color: #48b7e3;
    border: 1px solid #48b7e3;
}

.sign_up_page {
    background-image: url(../img/sign_up_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}


.sign_up_page .single-input {
    display: block;
    width: 100%;
    line-height: 35px;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    padding: 0 0px;
    font-family: roboto;
    border-bottom: 1px #fff solid;
}

.check-platforms{
    background:#ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 0px;
}

.sign_up_page .ml-5 {
    font-weight: 400;
	padding-right: 5%;
}

.check-logo {
        max-width: 100%;
        padding-left: 12%;
        padding-right: 12%;
    }


.right_border{
    border-right: 1px solid #50bce7;
}

.platforms_title{
    font-size: 17px;
    font-weight: 600;
    color:#ffffff;
    letter-spacing: 0.5px;
}

#scales{
    margin-bottom: 10px;
}


#form_signup_single h3{
    font-size:1.5vw;
    color: white;
    line-height: 40px!important;
}


#form_signup .col-sm-4{
       width: 33%;
}


.box2 {
    margin: 20px auto;
    border: 4px solid #e7edf0;
    padding: 10px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-family: arial;
    position: relative;
    left: 0;
    margin-left: auto;
    background-color: #e7edf0;
    opacity:0;
    display: none;
}

.box22 {
    margin: 20px auto;
    border: 4px solid #e7edf0;
    border-radius: 15px;
    padding: 7%;
    text-align: center;
    font-weight: 600;
    color: #000;
	font-size: 20px;
    font-family: roboto;
    position: relative;
    left: 0;
    margin-left: auto;
    background-color: #ffffff;
	width: 100%;

}

.box2.show_box {
    margin-top: 20px;
    opacity: 1;
    display: block;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    transition: all 0.5s ease-out;
}

.exa p{
	font-size: 13px!important;
	font-weight:400;
	line-height: 20px;
	color:#000000;
	margin-bottom: 3px;
	margin-top:3px;
}

.no_center .box2 {
    margin-top: -8px;
	height: 1px;
	margin-bottom:0;
	padding:0 10px;
}


.sb9:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f2f3f2;
  border-bottom: 10px solid transparent;
  right: 50%;
  bottom: -23px;

}

.sb9:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f2f3f2;
  border-bottom: 10px solid transparent;
  right: 50%;
  bottom: -18px;
}

.sb8:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e7edf0;
  border-bottom: 10px solid transparent;
  right: 50%;
  bottom: -24px;

}

.sb8:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e7edf0;
  border-bottom: 10px solid transparent;
  right: 50%;
  bottom: -22px;
}

.sb10:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #ececec;
    left: 20px;
    top: -23px;
}

.sb10:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #e7edf0;
  right: 50%;
  top: -18px;
}


.sb11:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #e7edf0;
  right: 50%;
  top: -24px;
}

#terms{
    background-color:#f3f3f3;
}



.menu-content{
    margin: auto;
}

.sec_1 {
    background: rgb(72,184,229);
    background: -moz-linear-gradient(126deg, rgba(72,184,229,1) 0%, rgba(104,190,103,1) 100%);
    background: -webkit-linear-gradient(126deg, rgba(72,184,229,1) 0%, rgba(104,190,103,1) 100%);
    background: linear-gradient(126deg, rgba(72,184,229,1) 0%, rgba(104,190,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48b8e5",endColorstr="#68be67",GradientType=1);
    height: 250px;
    padding-top: 30px;
    position: static;
    width: 100%;
    z-index: -1;
    
}

.headertitle h1{
    margin-left: -16px;
    letter-spacing: 1px;
}

.container.terms {
    max-width: 1240px;
   
}

.alltext{
    background-color: #ffffff;
    margin-top: -60px;
    margin-bottom: 20px;
    z-index: 1;
    padding: 5%;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.13);
    
    
}
#terms h5 {
    font-size: 18px;
  
}


#terms .footer-area {
    padding-top: 0px;
	margin-top: 0px;

}

#terms p{
    font-size:17px;
}


.icons_title_desktop{
    padding-bottom:10px;
    border-bottom: 2px solid #d7d7d7;
    margin-bottom: 10px;
 }


.container.thank-you {
    max-width: 50%;
}


.thank-p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.pdf-p {
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;

}

.pdf_backhome{
    border-bottom: 1px solid #000000;
    padding: 0px 0px 2px 0px ;
    color: #000000;
    font-family: roboto;
    font-weight: 500;
}

.contact-pdf.snt.fit_btn{
    background: #000000;
    border: #000000;
}

.contact-text-pdf{
    font-size: 18px;
    font-weight: 500;
}

.backhome{
    padding: 10px 15px 10px 15px ;
    border-radius: 50px;
    font-family: roboto;
    font-weight: 900;
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 13px;
    display: block;
    width: 150px;
    margin: 0 auto;
    letter-spacing: 3px;
    color:#010b2e;
    margin-top: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgb(255 255 255 / 30%);
}

.backhome:hover{
    color:#010b2e;
    box-shadow: 0px 0px 30px rgb(255 255 255 / 60%);

}

.cam-right{
    max-width: 100%;
}


.thankspage{
    background-color: #001478;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c7efff",endColorstr="#47b8e6",GradientType=1); 
}

.footer-area .navbar-brand {
    margin-right: 0rem;
}


.mk_title{
	font-size: 15px;
    font-weight: 600!important;
	margin-bottom: 10px;
    text-align: left;
}

.mk{
	border: 2px solid rgba(0,0,0,0.2);
    padding: 7px;
	margin-top:8px;
    text-align: center;
    width: 127px;
    border-radius: 25px;
    font-family: roboto;
    font-weight: 400;
    color: #000000;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	cursor: pointer;
    margin-right: 15px;
}

.mk:hover{
	border: 2px solid #47b8e6;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mk a{
	color:#000000;
}



.container_slider .slidemob {
		  background-position: bottom center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  height: 620px;
		  left: 0;
		  opacity: 0;
		  position: absolute;
		  top: 0;
		  transition: opacity 1s ease-in;
		  width: 100%;
		  z-index: -1;
		  overflow: hidden;
}

.container_slider .slide.show {
  opacity: 1;
}

.container_slider .slidemob.show{
  opacity: 1;
}

.popvideo-wrapper {
    z-index: 9999;
}
/* - - - -  CONTACT POPUP - - - - */




.popupbox .modal-body {
    font-size: 13px;
    text-align: left;
    background-color: #ffffff;
    line-height: 20px!important;
    
}




.popupbox .primary-btn {
    display: block;
    border: 0px solid #ffffff;
    border-radius: 50px;
    padding: 5px 40px;
    color: #33bffa;
    font-family: roboto;
    font-weight: 500;
    font-size: 18px;
    margin: auto;
    background: #ffffff;
}




.exitpopup-modal-window .mcn_page .single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    padding: 0 0;
    font-family: roboto;
    border-bottom: 1px #000 solid;
}




.popupbox_act {
    transform: scale(1) !important;
    transition: all 0.2s ease;
    top: 0 !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.popupbox_act_a {
    transform: scale(1) !important;
    transition: all 0.2s ease;
    top: 0 !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

.popupbox{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.2);
    z-index: -1000;
}


.popupbox .underlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    left: 0;
    background-color: rgba(0,6,26,0.85);
    -webkit-animation: fadein .7s;
    animation: fadein .7s;
    z-index: -1;
}



.exitpopup-modal-window {
    width: 450px;
    height: auto !important;
    border-radius: 16px;
    margin: auto;
    position: relative;
}



.close_btn {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff !important;
    top: -15px;
    right: -15px;
    cursor: pointer;
    border: 0;
    font-weight: inherit;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    transform: rotate(45deg);
    line-height: 0px;
    padding-left: 0px;
}
.close_btn:hover {
    color: red !important;
}


/* - - - -  END CONTACT POPUP - - - - */



/* - - - -  INNER PAGE- - - - */


.container.inner_main{
    max-width: 100%;
    position: relative;
}

 .inner_main.aab{
        background-image: url(../img/ab_top_teaser.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 550px;
        padding-left: 15%;
        padding-right: 15%;  
 }




.ap-video-teaser h5{
        font-size: 75px;
        line-height: 4.8vw!important;
        font-weight: 900;
        color: #000000;
}


.ab_main_teaser{
    background-color: #47b8e6;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 17%;
    height: 200px;
}

.ab_main_teaser_title{
    margin-top: 75px;
    font-size: 2.6vw;
    font-weight: 600;
}

.teasers_inn{
    height: 680px;
}

.teasers_inn.aab_page{
    height: auto;
}

.fr{
    float: right;
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 0%); 

}

.fl{
    float: left;
}

.center-teasers{
    align-items: center;
}

.am_p p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.teasers_inn p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.strong_title{
    font-size: 38px;
    font-weight: 900;
}

.zi{
    z-index: 1;
}


.start_btn_inner.fit_btn {
    display: block;
    border: 3px solid #33bffa;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 17px;
    color: #fff!important;
    font-family: roboto;
    font-weight: 500;
    width: 170px;
    font-size: 18px;
    margin: auto;
    background: #33bffa;
    cursor: pointer;
}

.start_btn_inner.res_btn {
    display: block;
    border: 3px solid #33bffa;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 17px;
    color: #fff!important;
    font-family: roboto;
    font-weight: 500;
    width: 250px;
    font-size: 18px;
    margin: auto;
    background: #33bffa;
    cursor: pointer;
}

.start_btn_inner.fit_btn:hover {
    opacity: 0.8;

}

.inner .footer-area {
    margin-top: 0px;
    padding-top: 0px;
}

.inner_bottom_h5{
    font-size: 3.5vw;
    color:#47b8e6;
    font-weight: 900;
}

.teasers_inn.pco h5{
    width: 100%;
}



.imp-teaser{
    padding-top: 4%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.imp-teaser h1{
    color:#33bffa;
}

.imp-teaser h5{
    color:#33bffa;
}


.imp-teaser .inner_main_title p{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}



.imp-icon{
    height: 75px;
}


.mark-in{
    font-weight: 900;
    color:#000000;
}

.back-lines-bg-r{
    position: absolute;
    right: 0;
    z-index: -1;
    top: -60px;
    border: 0;
    bottom: 0;
    max-width:100% ;
}

.hl{
    max-width: 190px;
}

.title-imp h2{
    width: 50%;
    padding-top: 5%;
    color: #000;
}




.container.tv-con{
    max-width: 100%;
}

.imp-tv-in{
    width:100%;
    margin-top: -15%;
}

.imp-tv-lag{
    max-width:100%;
    margin-left: auto;
    float: right;
    position: absolute;
    right: 0;
    bottom: -138px;
}

.tv-hold{
    height: 500px;
}

.back-lines-bg-l{
    position: absolute;
    left: 0;
    z-index: -2;
    top: -80px;
    border: 0;
    bottom: 0;
    max-width:100% ;
}


.t_desk{
    margin-bottom: 0px;
}

.t_desk.yout{
    margin-bottom: 60px;
}

.lr-padding{
    padding-left: 10px;
    padding-right: 10px;
}

/* - - - - - - - - - -  a  - -  - - - - - - - */

.ticket_teaser_img_static {
    float: right;
    border-radius: 16px;
    max-width: 100%;
    height: auto;
    margin: 0;
    margin-top: 12%;
}

.ticket_teaser_img_static_b {
    border-radius: 16px;
    max-width: 100%;
    height: auto;
    margin: 0;
    margin-top: 12%;
}


.ticket_teaser_img_b_b{
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%); 
    max-width: 100%;
    position: absolute;
    top: 15%;
    left: 76%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.ticket_teaser_img_b_b.adsPageAnim{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: -8%;
}

.ticket_teaser_img_b_b_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: -8%;
}

.ticket_teaser_img_a_a{
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%); 
    max-width: 100%;
    position: absolute;
    top: 15%;
    right: -4%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.ticket_teaser_img_a_a.adsPageAnim{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: -8%; 
}

.ticket_teaser_img_a_a_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: -8%;   
}

.branding_ad{
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%); 
    max-width: 100%;
    position: absolute;
    top: 4%;
    right: -4%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.branding_ad.adsPageAnim{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: 16.5%;
    right: 2.3%;
}

/* .branding_ad_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: 16.5%;
    right: 2.3%;
    
} */

.tv-lags-left{
    max-width: 100%;
    
}

.mega-dropdown.og {
    width: 780px;
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
    padding: 30px 50px 50px 50px;
    gap: 10%;
}


.tv-lags{
    max-width: 100%;
    float: right;
    
}

.tv-lags-yt {
    max-width: 71%;
    float: right;
   
}


.brands_teaser_img_static {
    float: right;
    border-radius: 16px;
    max-width: 100%;
    height: auto;
    margin: 0;
    margin-top: 12%;
}

.brands_teaser_img_super-static{
    border-radius: 16px;
    max-width: 590px;
}

.brands_teaser_img_a_a{
    border-radius: 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%); 
    max-width: 100%;
    position: absolute;
    top: 15%;
    right: -9%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.brands_teaser_img_a_a_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: -8%;
    
}

.brands_teaser_img_b_a{
    max-width: 100%;
    position: absolute;
    top: 55%;
    right: 6%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.brands_teaser_img_b_a_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    top: 36%;
    
}



.youtube_teaser_img_static {
    max-width: 100%;
    height: auto;
    margin: 0;
    margin-top: 12%;
}

.youtube_teaser_img_a_a{
    max-width: 100%;
    position: absolute;
    top: -10%;
    transform: scale(0.6);
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
}

.youtube_teaser_img_a_a_show{
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    transform: scale(1);
}


.youtube_center{
    max-width: 100%;
    position: absolute;
    top: -10%;
}

.ml{
    margin-left: 5%;
}

.mr{
    margin-right: 5%;
}

.pco_teaser_img_static{
    max-width: 100%;
    height: auto;
    margin: 0;
 
}

.live-cont{
    position: absolute;
    max-width: 100%;
    z-index: 3;
}

.lecture_teaser_img_static{
    max-width: 100%;
    border-radius: 16px;
    height: auto;
    margin: 0;
    margin-top: 15%;
    box-shadow: 0 0 20px rgb(0 0 0 / 0%);
    transition: all 1s cubic-bezier(0.0, 0, 1, 1)0s;
    filter: brightness(0.45);
}

.lecture_teaser_img_static_show{
    transition: all 1s cubic-bezier(0.0, 0, 1, 1)0s;
    filter: brightness(1);
}


.lecture_teaser_img_a_a{
    max-width: 100%;
    position: absolute;
    top: -3%;
    left: -14%;
    transition: all 1s cubic-bezier(0.0, 0, 1, 1)0s;
    border-radius: 16px;
    z-index: -1;
    filter: brightness(1);
    opacity: 1;
    
}

.lecture_teaser_img_a_a_show{
    position: absolute;
    top: 20%;
    left: 0%;
    border-radius: 16px;
    transition: all 1s cubic-bezier(0.0, 0, 1, 1)0s;
    filter: brightness(0.3);
    opacity: 0;
}


.edu_teaser_img_a_a{
    width: 17%;
    position: absolute;
    top: -16%;
    left: -4%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
    border-radius: 70px;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%); 
}

.edu_teaser_img_a_a_show{
    width: 12%;
    top: 5%;
    left: 8%;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}


.edu_teaser_img_a_b{
    max-width: 100%;
    bottom: -10%;
    right: -16.5%;
    position: absolute;
    transform: scale(0.88);
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
    
}


.edu_teaser_img_a_b_show{
  bottom: 8%;
  right: -2.0%;
  transform: scale(0.90);
  opacity: 1;
  transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
  
}


.pco_teaser_img_a_a{
    width: 17%;
    position: absolute;
    top: 4%;
    left: -4%;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
    border-radius: 70px;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%); 
}

.pco_teaser_img_a_a_show{
    width: 12%;
    top: 17%;
    left: 8%;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}



.pco_teaser_img_a_b{
      max-width: 100%;
      bottom: 7%;
      right: -16.5%;
      position: absolute;
      transform: scale(0.88);
      transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0s;
      
}


.pco_teaser_img_a_b_show{
    bottom: 20%;
    right: -2.0%;
    transform: scale(0.90);
    opacity: 1;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    
}

/* - - - - - - - - - -  b  - -  - - - - - - - */

.pco_teaser_img_b_a{
      max-width: 110%;
      bottom: -8%;
      right: -33%;
      position: absolute;
      transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0.3s;
      
}


.pco_teaser_img_b_a_show{
    bottom: 8%;
    right: -14%;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    
}



/* - - - - - - - - - -  c  - -  - - - - - - - */



.pco_teaser_img_c_a{
     max-width: 100%;
     top: -20%;
     right: -7%;
      position: absolute;
      transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0.3s;
      
}


.pco_teaser_img_c_a_show{
    top: -3%;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    
}

.pco_teaser_img_c_b{
    max-width: 100%;
    top: 60%;
    left: -35%;
    position: absolute;
    transition: all 1s cubic-bezier(0.0, 0, 0.2, 1)0.3s;
    
}

.pco_teaser_img_c_b_show{
    top: 60%;
    left: -25%;
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    
}


.round-arrows {
    z-index: 1;
    -webkit-animation: rotation 4s infinite linear;
    margin-top: 30px;
    margin-right: 50px;
}

.round-arrows-laptop{
    z-index: 1;
    -webkit-animation: rotation 4s infinite linear;
    margin-top: -57px;
    margin-left: 329px;
}



@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-359deg);
		}
}




/* - - - - - - - - - -  d  - -  - - - - - - - */


.pco_teaser_img_d_b{
      max-width: 100%;
      top: 0;
      bottom:0;
      right: 0;
      left:-33%;
      margin: auto;
      position: absolute;
      
}

.pco_teaser_img_d_c{
      max-width: 100%;
      max-width: 100%;
      top: 0;
      bottom:0;
      right: 0;
      left:0;
      margin: auto;
      position: absolute;
      
}

.pco_teaser_img_d_d{
      width: 100%;
      top: 0;
      bottom:0;
      right: 0;
      left:-50%; 
      margin: auto;
      position: absolute;
      
}




/* - - - -  END INNER PAGE- - - - */


.fans_grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    gap:20px;
    color:#33bffa;
    margin-top: 50px;
}

.fans_grid p{
    color:#33bffa;
}

.fans_ic{
    width: 50px;
    margin-bottom: 15px;
}


.palyer-vid .footer-area {
    background-color:rgba(0,0,0,0);
}

.bottom-text a{
    font-family: roboto;
}

.bottom-cont{
    color: #000000!important;
    letter-spacing: 0.2px;
    padding-bottom: 3px;
    border-bottom: 1px solid#000000;
    
}

.bottom-cont:hover{
    border-bottom: 1px solid #ffffff;
    
}


.bottom-text .copyright {
    color:rgba(0,0,0,0.8)!important;
}

.bottom-text .mmg{
    max-width: 120px;
}


.palyer-vid {
    background-image: url(../img/video_preview_m.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #47b8e6;
}

.btn-visit{
   border: 0px; 
   background-color: #fff;
   font-size: 16px;
   font-weight: 700;
   color: #001478;
   padding: 0;
   text-transform: uppercase;
   display: flex;
   margin-left: auto;
   margin-top: 15px;
   letter-spacing: 0.5px;
   cursor: pointer;
   -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.btn-visit:hover{
    transform: translateX(5px);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn-eve{
    border: 0px; 
    font-size: 16px;
    font-weight: 600;
    color: #48b6e3;
    padding: 0;
    display: flex;
    margin-left: auto;
    margin-top: auto;
    letter-spacing: 0.5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
 }

 .btn-eve:hover{
    color: #48b6e3;
    transform: translateX(5px);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


.btn-more-car{
    margin-left: auto;
    flex-direction: column;
    display: flex;
    background-color: rgba(71,183,228,0.25);
}

.hold-btn-car{
    margin: auto 0;
}

.btn-more-a{
    background-color: #fdd900;
}

.btn-more-b{
    background-color: #68bd62;
}

.btn-more-c{
    background-color: #ed4899;
}
.btn-more-d{
    background-color: #ffa619;
}
.btn-more-e{
    background-color: #3f59c4;
}

.btn-more-f{
    background-color: #ffffff;
}

.btn-more-g{
    background-color: #8c62a8;
}

.btn-more-bord{
    background-color: #fff;
    border: 2px solid #001478;
    color: #001478!important;
}


.fa-clock{
    color:#001478;
}
.effect {
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #010b2e;
    text-transform: uppercase;
    font-family: 'Popins', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    font-size: 13px;
    width: 180px;
    padding: 12px 0;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 40px;
}

.effect.effect-1 {
    transition: all 0.2s linear 0s;
}

.effect.effect-1:before {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 40px;
    transition: all 0.2s linear 0s;
}
.effect.effect-1:hover {
    text-indent: -20px;
    color: #010b2e;
}
.effect.effect-1:hover:before {
    opacity: 1;
    text-indent: 0px;
    color: #010b2e;
}

.submenu-line1 ul{
    display: none;
}
.submenu-line2 ul{
    display: none;
}

.sec-tab{
    margin-top: 10px;
}

.sec-tab li{
    font-size: 16px;
    color:#001478;
    font-weight: 300;
}

.dropdown.mob .dm-title{
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 15px;
    color:#001478;
    font-weight: 700;
    opacity: 0.4;
}

.l-bor-a{
    border-left: 3px solid #68bd62;
}
.l-bor-b{
    border-left: 3px solid #ffa619;
}

.l-bor-c{
    border-left: 3px solid #ed4899;
}

.l-bor-d{
    border-left: 3px solid #fdd900;
}

.l-bor-e{
    border-left: 3px solid #3f59c4;
}


.submenu-line1-btn{
    font-size: 16px!important;
    color:#001478!important;
    font-weight: 700;
    width: 100%;
    display: block;
}

.submenu-line2{
    padding: 5px 10px;

}

.submenu-line2 a{
    color: #001478;
}

.ab-tab .submenu-line2{
    padding: 5px 0px;
}

.submenu-line1{
    border-bottom: 1px solid #001478;
    padding: 14px 0;
}

.mob .menu {
    position: fixed;
    padding: 20px;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
  
  .mob .menu.open {
    opacity: 1;
    visibility: visible;
  }
  
  .mob .menu-toggle {
    position: absolute;
    right: 0px;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
 
  .mob .menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    margin: 6px 0;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
  }
  
  .mob .menu-toggle.open span:first-child {
    transform: rotate(45deg) translate(5px, 5px);
    width: 30px;
  }
  
  .mob .menu-toggle.open span:nth-child(2) {
    opacity: 0;
  }
  
  .mob .menu-toggle.open span:last-child {
    transform: rotate(-45deg) translate(5px, -5px);
    margin-top: -2px;
    width: 30px;
  }

  .aa-bull-hold{
    display:flex;
    flex-wrap: wrap;
    border: 1px solid #001478;
    border-radius: 16px;  
    overflow: hidden;
}



  .aa-bull-doul{
    gap: 50px;
    border-bottom: 1px solid #001478;
    padding: 50px;
    display: grid;
    grid-template-columns: 100px 1fr;
    width: 49.9%;
    margin-bottom: -1px;
  }

  .aa-bull-thr{
    gap: 50px;
    border-bottom: 1px solid #001478;
    padding: 50px;
    display: grid;
    grid-template-columns: 100px 1fr;
    width: 33.3%;
  }

  .aa-icon{
    max-width: 100px;
    margin: auto;
  }

  .aa-bull-hold h3{
    font-weight: 500;
    letter-spacing: 0px;
    margin: auto 0;
  }


/*----------------LandinPage Mobile UA--------------------*/



.lp p{
    letter-spacing: 1px;
}

.lp p b{
    font-weight: 600;
    color: #fdd900!important;
}

.lp h3 b{
    font-weight: 600;
    color: #fdd900!important;
}

.lp .des-big-main {
    font-weight: 300!important;
    margin-top: 0px;
}


.container-lp{
    width: 950px;
    margin: 100px auto 0px;
    position: relative;
}

.container-lp-full{
    width: 100%;
    padding: 0 50px;
    position: relative;
}

.container-lp-grid{
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
}

.container-lp h2{
    margin-bottom: 50px;
}

.lp .container-lp-grid h1{
    font-size: 65px;
    margin: 0 auto;
    font-weight: 800;
    line-height: 90px;
    text-transform: uppercase;
    color: #fdd900;
    letter-spacing: 15px;
    padding-left: 1%;
    margin: 30px 0;
}

.lp-header{
   width: 950px;
}

.lp-header .top-main-logo{
    display: flex;
    margin: auto;
}

.lp .side-stars-right {
    position: absolute;
    top: -200px;
    right: 0;
    width: 45%;
    z-index: -1;
}

.lp .side-stars-left {
    position: absolute;
    top: 3%;
    left: 0;
    width: 40%;
    z-index: -1;
}

.top-teas-elem{
    position: inherit;
    max-width: 100%;
    margin-top: 65px;
    animation: graph-anim 0.5s normal forwards ease-in-out; 
    animation-delay: 0.3s;
    opacity: 0;
}

@keyframes graph-anim{
    0%{
        opacity: 0; 

    }

    100%{
        opacity: 1; 
   
    }
}

.top-teas-elem-woman{
    position: inherit;
    max-width: 88%;
    border-radius: 200px;
    animation: shild-ico-wam 0.5s normal forwards ease-in-out; 
    animation-delay: 0s;
    opacity: 1;
}

@keyframes shild-ico-wam{
    0%{
        opacity: 0; 

    }

    100%{
        opacity: 1; 
   
    }
}


.lp .shild-ico {
    position: inherit;
    transform: scale(1) translate(-50px, 40px);
    margin-top: auto;
    max-width: 100%;
    animation: shild-ico-ani 0.5s normal forwards ease-in-out;  
    animation-delay: 0.9s;
    opacity: 0;
}

@keyframes shild-ico-ani{
    0%{
        opacity: 0; 

    }

    100%{
        opacity: 1; 
   
    }
}



.app-cat-top{
    max-width: 100%;
    height:fit-content;
    z-index: 1;
    transform: translate(50px, 0px);
    animation: cat-app-anim 0.5s normal forwards ease-in-out; 
    animation-delay: 1.2s;
    opacity: 0;
}

@keyframes cat-app-anim{
    0%{
        opacity: 0; 

    }

    100%{
        opacity: 1; 
   
    }
}

.right-teasr-hold {
    display: grid;
    grid-template-columns: auto 25%;
    height: max-content;
}

.left-teasr-hold {
    display: grid;
    grid-template-columns: 36% auto;
    height: max-content;
    justify-content: space-around;
}


.blue-phone{
    border-radius: 40px;
    max-width: 100%;
    margin: auto;
    display: flex;
    transform: scale(1);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.3s;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 0px;
}


.blue-grad_circle{
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, rgba(0,20,120,0.7) 0%, rgba(0,6,26,0) 70%);
    width: 1300px;
    height: 1300px;
    z-index: -1;
}


.footer-lp-circle.blue-grad_circle {
    top: auto;
    bottom: -50%;
    z-index: -1;
}

.blue-phone-app{
    max-width: 110px;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.25));
}

.blue-phone-hold{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    mix-blend-mode: plus-lighter;
    z-index: 1;
}

.blue-phone-hold h3{
   color: #fdd900;
   font-weight: 500;
}

.app-text-hold{
    width: 100%;
    margin: auto;
    text-align: center;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.5s;
}

.app-title-hold{
    text-align: center;
    transform: translateY(0px);
    opacity: 0;
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.2s;
}

.mobile-contaner{
    position: relative;
}
.ath-a{
    transform: scale(0.42) translate(612px, -470px);
}

.animateapp .ath-a{
    transform: scale(1) translate(0px, 0px);
    transition: all 1s cubic-bezier(0.0, 0, 0.1, 1)0.1s;
}


.ath-b {
    transform: scale(0.42) translate(205px, 82px);
}

.animateapp .ath-b{
    transform: scale(1) translate(0px, 0px);
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}

.ath-c {
    transform: scale(0.42) translate(-205px, -287px);
}

.animateapp .ath-c{
    transform: scale(1) translate(0px, 0px);
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}

.ath-d {
    transform: scale(0.42) translate(-612px, -101px);
}

.animateapp .ath-d{
    transform: scale(1) translate(0px, 0px);
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
}

.animateapp .blue-phone{
    transform: scale(0.7);
    transition: all 1s cubic-bezier(0.0, 0, 0.5, 1)0s;
    opacity: 0.5;
    filter: blur(5px);
    margin-top: -80px;
    margin-bottom: -120px;
}


.animateapp .app-title-hold{
    opacity: 1;
    transform: translateY(15px);
    transition: all 0.5s cubic-bezier(0.0, 0, 0.5, 1)0.5s;
}

.star-bull{
    display: flex;
    gap: 25px;
}

.star-bull-icon{
    width: 25px;
    filter: drop-shadow(0px 0px 8px rgb(71 183 228 /1));
}


.lp .effect {
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #010b2e;
    text-transform: uppercase;
    font-family: 'Popins', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 16px;
    width: 200px;
    padding: 20px;
    border-radius: 170px;
    overflow: hidden;
    margin-top: 40px;
    margin: 80px auto 0px;
    z-index: 1;
}

.container-lp .start_btn_inner_bottom.btn_dark {
    margin: 40px 0 0;
}

.dimond_blue{
    margin-left: 7%;
    max-width: 100%;
    filter: drop-shadow(-30px -30px 30px rgb(224 149 237 /0.3)) 
            drop-shadow(30px -30px 30px rgb(17 77 214 /0.3))
            drop-shadow(-30px 30px 30px rgb(7 31 255 /0.3))
            drop-shadow(30px 30px 30px rgb(0 222 16 /0.3));
            
}

.container-lp .ci-dark{
    overflow: visible;
    padding: 60px;
    background: linear-gradient(181deg, rgba(0,20,120,0.1) 0%, rgba(0,20,120,0.5) 100%);
    border: 2px solid rgba(0,20,120,1);
}

.more-ser-grid{
    display: grid;
    grid-template-columns:  repeat(6, 15%);
    justify-content: space-between;
    margin-bottom: 130px;
}

.ser-box h3{
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    transform: translate(0px, 0px);
    padding: 0 10px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.ser-box h3.AppAnim{
    text-align: center;
    transform: translate(0px, 30px);
    opacity: 1;
    transition: all 0.3s ease 0s;
}

.ser-app{
    max-width: 100%;
    border-radius: 70px;
    margin: auto;
    display: flex;
    filter: drop-shadow(0px 0px 20px rgb(17 77 214 /0.4)); 
    transform: scale(0.7);
    transition: all 0.3s ease 0s;
}


.ser-app.AppAnim{
    transform: scale(1);
    transition: all 0.3s ease 0s;
}

.ser-box{
    margin-left: 20px;
    transition: all 0.2s ease 0s;
}

.ser-app:hover{
    filter: drop-shadow(0px 0px 20px rgb(17 77 214 /0.6)); 
    transform: scale(1.08);
    transition: all 0.2s ease 0s;
}

.cont-yell{
    font-size: 35px;
    line-height: 50px;
    width: 600px;
    margin: 0px auto;
    font-weight: 400!important;
    text-align: center;
    margin-bottom: 30px;
}


.lp-form{
    width: 60%;
    margin: 0 auto;
}

.lp-form .input_b {
    font-size: inherit;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(71,183,228,0.20);
    border: none;
    padding-left: 8px;
    border-radius: 4px;
    color: #fff;
}

.lp-form .input_b:focus{
    background-color: rgba(71,183,228,0.35);

}
.lp-form::placeholder{
    color: #fff!important
}

.lp-form .single-textarea::placeholder {
    font-size: 13px;
    color: rgba(71,183,228,1);
    font-family:'Roboto';
}

.lp-form .input_b:invalid+.label_b {
    color: rgba(71,183,228,1);
}

.lp-form .single-textarea {
    background-color: rgba(71,183,228,0.25);
    color: #fff;
}

.lp-form .single-textarea:focus {
    background-color: rgba(71,183,228,0.35);
}

.lp .form-btn{
    box-shadow: 0px 0px 30px rgb(255 255 255 / 0%);
    transition: all 0.3s ease 0s;
}

.lp .form-btn:hover{
    box-shadow: 0px 0px 30px rgba(71,183,228,0.9);
    transition: all 0.3s ease 0s;
}

.footer-lp .container-lp {
    margin: 30px auto 0px;
}

.footer-lp a {
        color: rgba(255,255,255,0.35);
}

.footer-lp a:hover {
    color: rgba(255,255,255,1);
}


.lp .copyright {
    color: rgba(255,255,255,0.35)!important;
    letter-spacing: 0px!important;
}

.recaptcha-wrapper {
    height: 70px;
    overflow: hidden;
    background-color: #F9F9F9;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    height: 70px;
    position: relative;
    margin-top: 17px;
    border: 1px solid #d3d3d3;
    color: #000;
}

.recaptcha-wrapper {
    height: 70px;
    overflow: hidden;
    background-color: #F9F9F9;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    height: 70px;
    position: relative;
    margin-top: 17px;
    border: 1px solid #d3d3d3;
    color: #000;
    width: 100%;
}

.searchbars{
    position: relative;
    height: 450px;
    margin: 60px 0;
}
.se-bar {
    margin: auto;
    width: calc(60% - 20px);
    height: 120px;
    border-radius: 60px;
    z-index: 1;
}

.seb-a{
    content: "";
    border-radius: 60px; 
    border: 2px solid transparent;
    background: linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853) border-box;
    -webkit-mask:
      linear-gradient(#fff 0 0) padding-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 0;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.10;
    animation: seb-a 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}


@keyframes seb-a {
    0%{
    }

    100%{
        left: -20%;
        top: -52.5%;
        right: 0;
        opacity: 1;
    } 
   
}

.seb-b{
    border: 2px solid #00809d;
    z-index: 0;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: seb-b 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}

@keyframes seb-b {
    0%{
    }

    100%{
        left: -10%;
        top: -26.5%;
        right: 0;
        opacity: 1;
    } 
   
}

.seb-c{
    border: 2px solid #ffcc00;
    z-index: 0;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: seb-c 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}

@keyframes seb-c {
    0%{

    }

    100%{
        left: 10%;
        top: 25.5%;
        right: 0;
        opacity: 1;
    } 
   
}

.seb-d{
    border: 2px solid #6000d3;
    z-index: -1;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    animation: seb-d 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}

@keyframes seb-d {
    0%{

    }

    100%{
        left: 20%;
        top: 52.5%;
        right: 0;
        opacity: 1;
    } 
   
}

.se-main{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    border: 2px solid #001478;
    box-shadow: 10px 10px 30px rgb(0 20 121 / 0%);
    animation: seb-main 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}

@keyframes seb-main {
    0%{
    }

    100%{
        background-color: rgba(255,255,255,1);
    } 
   
}

.se-icon {
    height: 64px;
    display: flex;
    margin-left: auto;
    padding-right: 40px;
    align-self: center;
}

.inner .inner_main_title .searchbars h2 {
    text-transform: capitalize;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0px;
    display: flex;
    margin: auto 35px;

  }

  .typing-text{
    z-index: 4;
  }
  
  .typing-text::after {
    content: "|";
    animation: blink ease 1s infinite;
  }
  
  @keyframes blink {
    0%, 100% {
      opacity: 0;
    } 50% {
      opacity: 1;
    }
  }

  
.ico-circles{
    width: 80%;
    position: absolute;
    left: 0;
    top: -40px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    filter: drop-shadow(5px 5px 10px rgb(0 20 121 / 45%));
    transform: scale(0.7);
    opacity: 0;
    animation: ic-sirc 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}


@keyframes ic-sirc {
    0%{
    }

    100%{
        transform: scale(1);
        opacity: 1;
    } 
   
}

.blur-circles{
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    filter: blur(60px);
    opacity: 0;
    z-index: 2;
    mix-blend-mode: difference;
    animation: blur-sirc 1s normal forwards ease-in-out;
    animation-delay: 0.25s;
}


@keyframes blur-sirc {
    0%{
    }

    100%{
        opacity: 0.2;
    } 
   
}


.blur-circles:active{
    mix-blend-mode: color;
    z-index: -5;
}

.moving_bars{
    max-width: 600px;
}


.cen_teaser{
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}


.con-searchfeed{
    text-align: center;
    max-width: 600px;
    margin: 80px auto 80px;
}

.feed-log{
    max-width: 130px;
}

.fl-sep{
    height: 100px;
    width: 1px;
    background-color: #8c62a8;
    opacity: 0.5;

}

.logos-grid-serch {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}


.search-page .ci-dark .teas-hold-desc h3 {
    margin-top: 0px;
    color: #fff;
    padding-right: 20%;
}

.search-page .inner_main_title {
    padding-bottom: 0%;
}



/*--------------------------END---------------------------*/

 
/*--------------------------Mobile SDK---------------------------*/



.inner.mobsdk .inner_main_title {
    padding: 120px 10%;
}


.integ-menu{
    position: static;
    top: 120px;
}

.mobsdk{
    background-color: #00061a;
}

.mobsdk .sec-marg h1, .mobsdk .sec-marg h3, .mobsdk .sec-marg p{
    color: #fff;
}

.mobsdk .inner_main_title h1{
    color:#47b7e4;
}

.mars_vid{
    max-width: 100%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px -15px 30px rgba(249,165,31,0.3);
    margin: auto;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.mars_hold{
    position: relative;
    margin: auto;
}


.ff_mars{
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    border-radius: 50%;
}

.couple_app_a {
    position: absolute;
    max-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.couple_app_b {
    position: absolute;
    max-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(60deg);
    z-index: -1;

}

.couple_app_c {
    position: absolute;
    max-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(120deg);
    z-index: -1;

}

.orbit_apps{
    position: absolute;
    max-width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    animation: all_apps  120s linear infinite; /* Adjust duration and timing function as needed */
   
}

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


.oa-a{
    width: 8%;
    height:8%;
}

.oa-b{
    width: 12%;
    height:12%;
}

.oa-c{
    width: 13%;
    height:13%;
}

.oa-d{
    width: 9%;
    height:9%;
    top: 20% !important;
}

.oa-e{
    width: 10%;
    height:10%;
    top: -20% !important;
}

.oa-f{
    width: 13%;
    height:13%;
}

.orbit_app_a{
    position: absolute;
    top: 0;
    margin: auto;
    left: -4%;
    bottom: 0;
    filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 35%));
    animation: app_group_a  50s linear infinite; /* Adjust duration and timing function as needed */
}

.orbit_app_b{
    position: absolute;
    top: 0;
    margin: auto;
    right: -4%;
    bottom: 0;
    filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 35%));
    animation: app_group_b 15s linear infinite; /* Adjust duration and timing function as needed */

}

.orbit_app_c{
    position: absolute;
    top: 0;
    margin: auto;
    right: -4%;
    bottom: 0;
    filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 35%));
    animation: app_group_c 30s linear infinite; /* Adjust duration and timing function as needed */

}

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

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

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

.blue-stars-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 30%;
    width: 100%;
    z-index: -2;
    margin: auto;
}

.dark_side{
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    z-index: 2;
    margin: auto;
    height: 120%;
    overflow: hidden;
}

.round_code{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    z-index: 0;
    margin: auto;
    position: relative;
    opacity: 0.5;
    animation: rotatecode 150s linear infinite; /* Adjust duration and timing function as needed */

}

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


.bord-box{
    border: 1px solid #001478;
    background: RGBA(0, 20, 120, 0.07);
}

.bord-box h2{
    text-align: center;
    color: #47b7e4;
    font-weight: 700;
    margin-bottom: 80px;
}

.mobsdk .des-big-main{
    position: relative;
    text-align: center;
    max-width: 700px;
    margin-top: 0px;
    z-index: 2;
}

.bottom-mars-cont{
    margin: -300px auto 0;
}

.vd-btn {
    display: block;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #010b2e;
    font-family: 'Popins', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 16px;
    width: fit-content;
    padding: 18px 30px;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 40px;
    background: #fff;
    z-index: 2;
    margin: 50px auto;
}


.mobsdk .sec-marg {
    margin-top: 40px;
}

.global-dots{
    max-width: 100%;
    z-index: -1;
}

.global-app, .global-app-tran, .global-ban-vid{
    max-width: 100%;
}



.global-ban-hold{
    display: flex;
    justify-content: space-between;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    align-items: center;
}


.global-app-hold{
    animation: glob-app 10s infinite linear; 
    position: relative;
    width: max-content;
    margin-top: -60%;
    margin-left: -25%;
}



@keyframes glob-app { 
    0% { 
        transform: rotate(0deg)  
            translateX(-10px) rotate(0deg); 
    } 

    100% { 
        transform: rotate(-360deg)  
            translateX(-10px) rotate(360deg); 
    } 
} 


.global-ban-vid-hold{
    animation: glob-vid 30s infinite linear; 
    position: relative;
    width: max-content;
    margin-top: 40%;
    margin-left: -10%;
}


@keyframes glob-vid { 
    0% { 
        transform: rotate(360deg)  
            translateX(15px) rotate(0deg); 
    } 

    100% { 
        transform: rotate(0deg)  
            translateX(15px) rotate(360deg); 
    } 
}


.global-app-tran-hold{
    animation: glob-tran 20s infinite linear; 
    position: relative;
    width: max-content;
    margin-right: -5%;
}

@keyframes glob-tran { 
    0% { 
        transform: rotate(360deg)  
            translateX(-15px) rotate(0deg); 
    } 

    100% { 
        transform: rotate(0deg)  
            translateX(-15px) rotate(360deg); 
    } 
}




.global-ban-vid-hold .global-app-secure{
    top:-25px;
    left: 30px;
}

.global-app-tran-hold .global-app-secure{
    top:-20px;
    right: -10px;
}

.global-app-secure{
    position: absolute;
    top:-25px;
    right: -20px;
    max-width: 65px;
    animation: sec-app 2s infinite linear; 
}



@keyframes sec-app { 
    0% { 
        transform: scale(1);
        filter: drop-shadow(0px 0px 0px rgb(71 183 228 / 0%));
    } 

    10% { 
        transform: scale(1.15);
        filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 40%));


    }
    20% { 
        transform: scale(1);
        filter: drop-shadow(0px 0px 0px rgb(71 183 228 / 0%));
    }

    100% { 
        transform: scale(1)
    }  
} 


.data-dots-hold .cen_teaser{
    top: -4%;
}

.code-banner-hold .cen_teaser{
    filter: drop-shadow(0px 0px 15px rgb(71 183 228 / 50%));
}


.bord-box .teas-hold-desc p{
    margin-top: 0px;
}

.bord-box p{
    font-family: 'Roboto';
    font-size: 23px;
    line-height: 35px;
    letter-spacing: 0.5px;
    font-weight: 300;
    opacity: 0.85;
    z-index: 2;
}

.mobsdk .ci-in {
    padding: 80px;
}



.sgi-btn {
    position: relative;
    width: max-content;
    display: flex;
    border-radius: 50px;
    padding: 14px 20px;
    font-size: 17px;
    letter-spacing: 0.12px;
    color: #001478 !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 40px 0;
    background: #fff;
    cursor: pointer;
    text-align: center;
    align-items: center;
    gap: 10px;
    box-shadow: 0px 0px 25px rgba(71, 183, 228, 0.25);
    z-index: 2;
}


.bottom-mars-cont .sgi-btn{
    margin: 40px auto; 
    width: fit-content;
    background: #47b7e4;
}
.bottom-mars-cont .sgi-btn:hover{
    box-shadow: 0px 0px 50px rgba(71, 183, 228, 0.9);
}

.sgi-btn:hover {
    background: #46b6e4;
}

.sgi-btn:hover > span{
    filter: brightness(5);
}

.mobsdk .vd-btn:hover {
    box-shadow: 0px 0px 30px rgba(71,183,228,0.7);
}


.btn-dow-arrow{
    width: 25px;
    height: 100%;
}

.btn-view-star{
    width: 32px;
    height: 100%;
} 
.sgi-hold-btn{
    display: flex;
    gap: 20px;
    z-index: 1;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(0,0,0,0);
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, .125);
    border-radius: 16px;
    z-index: 0;
    overflow: hidden;
}


  .card::before,
  .card > .card-border {
    border-radius: inherit;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
      opacity: 0;
      transition: opacity 100ms ease-in;
  }
  
  .card:hover::before,
  .card:hover > .card-border {
      opacity: 1;
  }
  
  .card::before {
       background: radial-gradient(
      1000px circle at var(--mouse-x) var(--mouse-y), 
      rgba(0,90,255,0.15), 
      transparent 40%
    );
      z-index: 0;
  }
  
  
  


/*--------------------------END---------------------------*/

/*----------------------sdk-integration-docs----------------------*/


#accordion li {
    font-family: 'HELVETICA', sans-serif, Arial;
}

#accordion li:hover {
    background: rgba(71,183,228,0.1);
}



#accordion li a {
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 17px;
    color: #001478;
    padding: 8px 0px 8px 0px;
    display: block;
    padding: 12px 12px 12px 0px;
    border-top: 1px solid #d9dceb;
    border-bottom: 1px solid #d9dceb;
    margin-top: -1px;
}

#accordion .submenu li a {
    border-top: 0cap solid #d9dceb;
    border-bottom: 0px solid #d9dceb;
    padding: 12px 0px 12px 12px;
    font-size: 14px;
}

  .accordion {
    width: 250px;
    margin: 30px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
  }
  
  .accordion .link {
    margin-top: -1px;
    cursor: pointer;
    display: block;
    padding: 12px 12px 12px 0px;
    color: #001478;
    font-size: 17px;
    font-weight: 700;
    border-top: 1px solid #d9dceb;
    border-bottom: 1px solid #d9dceb;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li:last-child .link { border-bottom: 0; }
  
  .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 15px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
  
  .accordion li.open .link { color: #47b7e4; }
  
  .accordion li.open i { color: #47b7e4; }
  
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  /**
   * Submenu
   -----------------------------*/
  
  
  .submenu {
    display: none;
    background: #fff;
    font-size: 13px;
  }
  
  .submenu li 
    { border-bottom: 0px solid #4b4a5e; 
    }
  
  .submenu a {
    display: block;
    text-decoration: none;
    color: #001478;
    padding: 8px 0px 8px 8px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: 'HELVETICA', sans-serif, Arial;;
  }
  
  .submenu a:hover {
    color: #FFF;
  }


.integ-hold{
    display: grid;
    grid-template-columns: 250px auto;
    gap: 50px;
    padding-top: 100px;
}

.fa-chevron-down:before {
    font-size: 12px;
}

.integ-content-hold{
    border-left: 1px solid #d9dceb;
    padding-left: 50px;
    padding-bottom: 50px;
    margin-top: 28px;
    width: 70%;
    
}

.integ-content-hold h3{
    font-size: 25px;
    letter-spacing: 0.2px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.integ-content-hold p{
    margin-bottom: 20px;
    letter-spacing:  0.1px;
}

.integ-cont-mess p {
   margin-bottom: 0px;
}

.integ-cont-mess{
    padding: 30px;
    background: rgba(71,183,228,0.1);
}

.integ-cont-mess b{
    font-weight: 500;
    font-family: HELVETICA, sans-serif, Arial;
}

.cont-up{
    margin-top: -40px;
}


.integ-page .integ-content-hold ul>li {
    list-style: disc;
    margin-left: 22px;
}
.integ-page .integ-content-hold li {
    font-family: 'HELVETICA', sans-serif, Arial;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #000b2e;
    margin-bottom: 0px;
}

.integ-content-hold li::marker {
    color: #46b6e4;
    font-size: 21px;
}

codeview{
    padding: 5px 8px;
    border-radius: 4px;
    background: rgba(0,20,120,0.20);
    font-weight: 300;
    font-family: Consolas,Menlo,"courier new",monospace;
}



/* Customize the label (container) */
.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 31px;
    margin: 5px 0;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    font-weight: 400;
    color: #001478;
    line-height: 24px;
  }
  
  /* Hide the default checkbox */
  .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: rgba(0, 20, 120, 0.07);
    border-radius: 4px;
  }
  
  /* On mouse-over, add a grey background color */
  .custom-checkbox:hover input ~ .checkmark {
    background-color: #c7e9f7;
  }
  
  /* When the checkbox is checked */
  .custom-checkbox input:checked ~ .checkmark {
    background-color: rgba(0,20,120,0.07);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .custom-checkbox .checkmark:after {
    left: 8px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid #001478;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }


  .checkbix-hold{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }




/*--------------------------END---------------------------*/


/*--------------------------marsX---------------------------*/

.xteser{
    height: 100vh;
    padding-top: 80px;
}
.image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2% 5%;
    overflow: hidden;
}

.image-box {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    
}

.image-box img {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border-radius: 50%;
    max-width: 100px;
    max-height: 100px;
    opacity: 0;
    transition: opacity 1s ease;
    margin: auto;
    box-shadow: 0px 0px 20px rgba(70,183,227,0);
}

.image-box img.visible {
    opacity: 1;
}

.circlegrid-top{
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin: auto;
    height: 80px;
}

.circlegrid-left{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 15px;
    width: 100%;
    height: 100%;
    margin: auto;
}

.circlegrid-right{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 15px;
    width: 100%;
    height: 100%;
    margin: auto;

}
.circlegrid-bottom{
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin: auto;
    height: 80px;
}


.center-x-teaser{
    padding: 30px;
    text-align: center;
}

.center-x-teaser h3{
    color: white;
    margin: 15px 0;
    font-size: 25px;
    font-weight: 400;
}

.center-x-teaser p{
    opacity: 0.75;
    font-weight: 400;
}

.image-box.small {
    transform: scale(0.8);
    margin: auto;
}

.image-box.medium {
    transform: scale(1);
    margin: auto;
}

.image-box.large {
    transform: scale(1.1);
    margin: auto;
}


.x-stars-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -2;
    margin: auto;
    object-fit: cover;
}


.bottom-space .x-stars-bg{
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    z-index: -2;
    margin: auto;
}

.mx p, .mx h1 , .mx h3{
    color:white;
}

.mx{
    background-color: #00061a;
}

#mx-bg-img {
    background-image: url(../img/xgalaxy_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100vh;
    opacity: 1;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.space-footer {
    background-image: url(../img/xgalaxy_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 85vh;
    transform: rotate(180deg);
}


.mx h2 {
    color:#fff;
    text-align: center;
}

.inn-box .mx h3 {
    font-weight: 400;
    text-align: center;
}

.mx .top-main-logo{
    height: 45px;
}

.mx .navbar {
    padding: 0.8rem 0px;
}

.mx .is-sticky .navbar {
    padding: 0.8rem 0px;
}

.mx .default-header {
    background-color: rgba(0,0,0,0);
}

.grid-title{
    display: grid;
    grid-template-columns: 40% 20% 40%;
    justify-content: space-around;
    align-items: center;
    margin: auto;
}



.bigtitlle{
    font-size: 4vw!important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 15px;
    text-align: right;
    animation: bigt 0.7s normal forwards ease-in-out;
    animation-delay: 1s;  
    opacity: 0; 
}


@keyframes bigt {
    0%{
        transform: translateX(20px);
        opacity: 0;
    }

    100%{
        transform: translateX(0px);
        opacity: 1;
    } 
   
}

.smalltitle{
    font-size: 1.6vw!important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    animation: smallt 0.7s normal forwards ease-in-out;
    animation-delay: 1s;
    opacity: 0;
}

@keyframes smallt {
    0%{
        transform: translateX(-20px);
        opacity: 0;
    }

    100%{
        transform: translateX(0px);
        opacity: 1;
    } 
   
}

.xbig{
    font-size: 8.5vw;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 8px 20px rgba(70, 183, 227, 0.3), 8px 0px 20px rgba(84, 103, 174, 0.3), -8px 0px 20px rgba(236, 71, 153, 0.5), 0 -8px 20px rgba(252, 217, 0, 0.3);
    animation: bigx 0.7s normal forwards ease-in-out;
    opacity: 0;
}

@keyframes bigx {
    0%{
        transform: scale(0.5);
        opacity: 0;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    } 
   
}

.hold-cont-teaser{
    max-width: 650px;
    margin: auto;
    animation: contx 0.7s normal forwards ease-in-out;
    animation-delay: 1s;
    opacity: 0;
}

@keyframes contx {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    } 
   
}

.image-box{
    animation: contx 0.7s normal forwards ease-in-out;
    animation-delay: 2s;
    opacity: 0;
}

@keyframes ic {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    } 
   
}


.centergrid-teaser{
    display: grid;
    grid-template-columns: 1fr 750px 1fr;
    gap: 15px;
    width: 100%;
}

.mx .start_btn_inner_bottom.btn_dark{
    width: max-content;
    display: block;
    border-radius: 50px;
    padding: 30px;
    line-height: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #00061a!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin-top: 35px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(255,255,255,0.4);
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
}


.x-content-hold{
    position: relative;
    border-radius: 40px;
    border: 1px solid #001eb5;
    overflow: hidden;
    background-color: #00061a;
}

.x-content-hold .cont-in h3{
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
}

.inn-box{
    position: relative;
    border-radius: 40px;
    border: 1px solid #001eb5;
    padding: 80px;
    margin-left: -1px;
    margin-top: -1px;
    vertical-align: middle;
    z-index: 1;
}

.inn-box p{
    align-items: center;
    height: 100%;
    display: flex;
}

.inn-box.ib-top p{
    margin: 40px auto;
    max-width: 700px;

}

.inn-box.ib-top{
    padding: 100px;
    width: 100.2%;
    background: rgba(0, 20, 120, 0);
}

.ib-teaser{
    text-align: left;
}

.ib-teaser p{
    max-width: 350px;
}

.inn-box.ib-teaser h3{
    text-align: left;
    margin: 15px 0;
}

.inn-box.ib-teaser{
    padding: 40px;
}

.inn-box.ib-teaser.dyn-time{
    padding: 80px 0px;
}

.inn-box.ib-teaser .xteaser{
    max-width: 100%;
    border-radius: 16px;
    margin-bottom: 30px;
}

.inn-box h3{
    max-width: 700px;
    margin: 30px auto 0px;
    font-weight: 600;
    text-align: center;
    color: #46b7e3;
}


.inn-box-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: -1px;
    width: 100.1%;
}


.x-blur-top{
    background-color: rgba(0, 30, 181, 0.8);
    height: 700px;
    width: 700px;
    filter: blur(180px);
    position: absolute;
    top: -300px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

.x-blur-top-blue{
    background-color: #b647ff;
    height: 150px;
    width: 200px;
    filter: blur(80px);
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.val-taxt-cent{
    max-width: 700px;
}

.hold-val{
    display: grid;
    align-items: center;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.val-elem{
    position: relative;
    margin: auto;
    border-radius: 50px;
    max-width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgba(70, 183, 227, 0.5);
}

.x-grid-bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    opacity: 0.4;
    z-index: -2;
    margin: auto;
}

.x-grid-bg-owl {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    z-index: -2;
    object-fit: cover;
    display: flex;
}

.ve-bg{
    max-width: 100%;
    z-index: -1;
}


.ve-con-carou .ve-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;   
    width: 100%;
    height: 100%;  
    object-fit: cover; 
}


.ve-con-carou{
    position: relative;
    width: 100%;
    z-index: 1;
    border-radius: 30px;
    overflow: hidden;
    padding: 30px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
   
}

.ve-con-carou h3, .ve-con-carou p{
    color:#00061a;
    padding: 3px 0;
}

.owl-item {
    margin-right: 20px !important;
}

.owl-stage {
    display: flex !important;
    margin-left: -20px;
}

.owl-carousel .owl-item img {
    width: inherit;
}

.vi-mob-hold{
    height: 80px;
    margin-bottom: 30px;
}

.ve-con{
    padding: 15px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    margin: auto;
    height: fit-content;
    text-align: center;
}

.vc-icon{
    max-width: 100%;
}


.ve-con p{
    color: #00061a!important;
}

.ve-con h3{
    font-weight: 800;
    color: #00061a!important;
    margin-top: 15px;
}

.ve-a{  
    transform: translate(80%, 400%) scale(0.9);
    animation: vea 0.52s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll)* -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes vea {
    to {
        transform: translate(-30%, 5%) scale(0.9);
    }
  }



.ve-b{
    transform: translate(-500%, 200%) scale(0.9);
    animation: veb 0.52s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll)* -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes veb {
    to {
        transform: translate(5%, -70%) scale(0.9);
    }
  }


  .ve-c{
    transform: translate(-500%, -300%) scale(0.9); 
    animation: vec 0.52s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll)* -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both; 
}


@keyframes vec {
    to {
        transform: translate(-70%, -30%) scale(0.9);
    }
  }



.ve-e{
    transform: translate(400%, 0%) scale(0.9); 
    animation: vee 0.52s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll)* -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both; 
}

@keyframes vee {
    to {
        transform: translate(-5%, 0%) scale(0.9);
    }
  }




  .ve-d{
    transform: translate(300%, -350%) scale(0.9); 
    animation: ved 0.52s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll)* -1.5s);
    animation-iteration-count: 1;
    animation-fill-mode: both; 
}


@keyframes ved {
    to {
        transform: translate(150%, -5%) scale(0.9);
    }
  }



  .sub-desc{
    max-width: 600px;
    margin: 100px auto;
    text-align: center;
  }

  .sub-desc h3{
    font-weight: 200;
  }


  .fx .container{
    background-color: rgb(70, 182, 228);
    border-radius: 30px 30px 0px 0px;
    padding: 100px 100px 10px 100px;
  }

  .footer-area.fx .container{
    padding: 50px 50px 10px 50px;
  }

  .mx .footer-area{
    background-color: rgba(0,0,0,0);
  }


  .mx .inner_main_title {
    padding-bottom: 80px;
}


/*--------------------------BRAND BOOK---------------------------*/


.flexcolumns {
    margin: auto;
    columns: 2 280px;
    column-gap: 30px;
  }

  .colo-text{
    position: absolute!important;
    top: 5px;
    right: -20px;
    bottom: 0;
    z-index: -1;
  }

  .box-bb {
    margin: 0 0 30px;
    display: inline-block;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #0c1c6c;
    background: white;
  }
  

  .box-bb h2{
    font-weight: 800;
  }

.top_sketch_hold {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(/img/sketch_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    filter: contrast(1.05);
}

.flex-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 100px);
    gap: 30px;
    width: 100%;
}

.flex-item {
    color: white;
    font-weight: bold;
    border-radius: 16px;
    border: 1px solid #0c1c6c;
    background: white;
}

.pink {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.blue {
    grid-column: 1 / 2;
    grid-row: 3 / 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-title-hold h2{
    text-align: left;
    font-weight: 700;
    padding: 50px;
}

.flex-title-hold{
    border-bottom: 1px solid #0c1c6c;
    height: fit-content;
    width: 100%;
}

.flex-cont-hold{
    padding: 50px;
}


.flex-cont-hold h3{
    font-weight: 600;
}

.flex-cont-hold-in{
    margin-top: 50px;
}

.bb-border-sep{
    margin-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #0c1c6c;
}

.small-t{
  font-size: 13px; 
  opacity: 0.5; 
  margin-top: 15px;    
}


.original_logo{
    width: 100%;
    max-width: 230px;
}

.original_sq_logo{
    width: 100%;
    max-width: 170px;
}

.log-grid{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.hold_sq_logo{
    position: relative;
}

.sq_logo{
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    margin: auto;
    width: 100%;
    padding: 15%;
}

.sq_logo_hold{
    width: 100%;
    max-width: 170px; 
}

.logo-hold-a{
    width: 100%;
    padding: 15% 34%;
    margin-top: 30px;
    background: black;
    text-align: center;
    border-radius: 0px;
}

.logo-hold-b{
    width: 100%;
    padding: 15% 34%;
    margin-top: 0px;
    text-align: center;
    border-radius: 0px;
    background: url(/img/trans_bg_texture_c.svg);
    background-position: center center;
    background-repeat: repeat;
}

.logo-hold-c{
    width: 100%;
    padding: 15% 34%;
    margin-top: 0px;
    text-align: center;
    border-radius: 0px;
    background: linear-gradient(45deg,rgba(104, 189, 98, 1) 0%, rgba(70, 185, 231, 1) 100%);
}

.original_symbol{
    width: 100%;
    max-width: 50px;
}

.symbol-hold-a{
    width: 100%;
    padding: 35%;
    background: black;
    text-align: center;
    border-radius: 0px;
}

.symbol-hold-b{
    width: 100%;
    padding: 35%;
    background: url(/img/trans_bg_texture_c.svg);
    background-repeat: repeat;
    background-position: center center;
    text-align: center;
    border-radius: 0px;
}

.symbol-hold-c{
    width: 100%;
    padding: 35%;
    background: linear-gradient(45deg,rgba(104, 189, 98, 1) 0%, rgba(70, 185, 231, 1) 100%);
    text-align: center;
    border-radius: 0px;
}


.sym-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    margin-top: 30px;
}


.d-package{
    width: max-content;
    display: block;
    border-radius: 50px;
    padding: 20px 25px;
    margin: 80px auto 0;
    line-height: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 13px;
    background: #001478;
    cursor: pointer;
    text-align: center;
}

.d-package:hover{
    color: rgba(71, 183, 228, 1);
}

.p-arrow{
    width: auto;
    height: 25px;
    margin-left: 15px;
}

.original_symbol{
    max-width: 130px;
    width: 100%;
}

.p-color-a{
    padding: 50%;
    width: fit-content;
    border-radius: 50%;
    background: #47b7e4;
    margin: 15px auto;
}

.p-color-b{
    padding: 50%;
    width: fit-content;
    border-radius: 50%;
    background: #001478;
    margin: 15px auto;
}

.p-color-c{
    padding: 50%;
    width: fit-content;
    border-radius: 50%;
    background: #000b2e;
    margin: 15px auto;
}

.p-color-small-a{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #ec1c24;
    margin: 15px auto;
}

.p-color-small-b{
    width: min-content;
    padding: 40%;;
    border-radius: 50%;
    background: #f9a51f;
    margin: 15px auto;
}

.p-color-small-c{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #fdd900;
    margin: 15px auto;
}

.p-color-small-d{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #68bd62;
    margin: 15px auto;
}

.p-color-small-e{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #47b7e4;
    margin: 15px auto;
}

.p-color-small-f{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #5567af;
    margin: 15px auto;
}

.p-color-small-g{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #8c62a8;
    margin: 15px auto;
}

.p-color-small-h{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #ba68a9;
    margin: 15px auto;
}

.p-color-small-i{
    width: min-content;
    padding: 40%;
    border-radius: 50%;
    background: #ed4899;
    margin: 15px auto;
}

.p-c-grid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 30px;
}

.p-c-hold{
    width: 25%;
}

.p-c-hold-small{
    width: 22%;
}


.color-hold{
    text-align: center;
}

.p-c-grid p{
    color: #001478;
}

.p-c-grid .color-text{
    font-size: 14px;
    line-height: 1.4rem;
    color: #000b2e;
}

.headlines-hold{
    padding: 25px;
    border-radius: 12px;
    background: #d7fdc7;
    margin-top: 40px;
    color: #000;
    width: 100%;
}

.headlines-hold h2{
    font-size: 5vw!important;
    line-height: 1em!important;
    letter-spacing: 0px;
    text-transform: unset;
    color: #000b2e;
}

.body-text-hold{
    padding: 25px;
    border-radius: 12px;
    background: #ffe9c5;
    margin-top: 40px;
    color: #000;
}

.bbook .bott-col{
    max-width: 800px;
    border-bottom: 0px;
    margin: 30px auto;
    padding-bottom: 0;
}

.bbook .bott-col h2{
    text-transform: lowercase;
    letter-spacing: 2px;
}

.upstairs{
    max-width: 760px;
    margin-bottom: 15px;
}


/*--------------------------END BRAND BOOK-----------------------*/



/*----------------------------Glossary-------------------------*/


.top-glos-mein{
   position: sticky;
    top: 81px; 
    background: white;
    z-index: 99;
}


.glos-horizontal{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #001478;
    border-bottom: 1px solid #001478;
    background: white;
    background: linear-gradient(90deg,rgba(234, 48, 45, 1) 0%, rgba(250, 219, 61, 1) 25%, rgba(80, 181, 225, 1) 50%, rgba(142, 98, 165, 1) 75%, rgba(236, 79, 151, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glos-horizontal a {
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    color: #001478;
    display: block;
    border-bottom: 5px solid rgba(0,0,0,0);
    padding: 22px 0px 18px 0px;
    text-align: center;
}

.glos-horizontal li{
    width: 100%;
}

.glos-horizontal a.selectedLink {
    border-bottom: 5px solid #001478;
}

.glos-horizontal a:hover {
    border-bottom: 5px solid RGBA(0,20,120,0.2);
}

.glo-hold{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.glo-hold h3{
    max-width: 80%;
}

.glo{
    padding:60px 0;
    border-bottom: 1px solid #001478;
}



.glo p{
    margin-top: 15px;
}

.glo h1 {
    font-size: 75px;
    margin: 0 auto;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: normal;
    margin-bottom: 50px;
}

.disable-tub {
    width: 50px;
    height: 90%;
    background: rgba(255, 255, 255, 0.65);
    pointer-events: none;
    position: absolute;
    bottom: 1px;
}

.disable-hov a:hover{
    border-bottom: 5px solid RGBA(0,20,120,0.0);
    cursor:default;
    width: 100%;
}

.disable-hov a{
    font-size: 18px;
}

.top-search {
        position: sticky;
        top: 0;
        background-color: #fff;
        padding: 15px 0;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        z-index: 100;
}
.search-container {
    max-width: 32%;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 60px;
}
.search-box {
    position: relative;
    width: 100%;
}
.search-input {
    width: 100%;
    padding: 12px 40px 12px 45px;
    border: 0px solid #ddd;
    border-radius: 50px;
    font-size: 16px;
    background-color: rgba(0, 20, 120, 0.1);
}


.search-input:focus-visible{
    background-color: rgba(0, 20, 120, 0.15);
    outline: -webkit-focus-ring-color auto 0px;
}
    .search-icon {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-38%);
        color: #001478;
}

.clear-button {
    position: absolute;
    right: 10px;
    top: 55%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #777;
    cursor: pointer;
    display: none;
}
.search-results {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    display: none;
}
.hidden {
    display: none !important;
}
.highlight {
    background-color: #ffff80;
    padding: 2px 4px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.highlight:hover {
    background-color: #ffff00;
}
.alphabet-nav {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: #f8f8f8;
    padding: 10px 5px;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    z-index: 90;
}
.alphabet-nav a {
    display: block;
    text-align: center;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    transition: all 0.2s ease;
}
.alphabet-nav a:hover {
    color: #ffaf0a;
    font-weight: bold;
}

    .glos .bott-col h2{
    max-width: 800px;
    margin: 20px auto;
    font-weight: 900;
    background: linear-gradient(90deg, rgba(234, 48, 45, 1) 0%, rgba(250, 219, 61, 1) 25%, rgba(80, 181, 225, 1) 50%, rgba(142, 98, 165, 1) 75%, rgba(236, 79, 151, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glos .bott-col h3, .glos .bott-col p{
    max-width: 800px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    }

    .mtech{
    max-width: 100%;
    margin-bottom: 50px;
    }


    .glos .start_btn_inner_bottom.btn_dark {
    background: #001478;
}

.glo .acronyms{
    color: #001478;
    font-size: 15px;
    padding: 5px 12px;
    border-radius: 8px;
    background-color: rgba(0, 20, 120, 0.1);
    width: fit-content;
    margin-top: 5px;
    margin-bottom: 20px;
}

 .glo .acronyms {
            position: relative;
            background: #e7e7f1;
            color: white;
            border-radius: 8px;
            padding: 4px 10px;
            max-width:max-content;
            margin-top: 10px;
            height: 36px;   
        }

.glo .acronyms:after {
    content: '';
    position: absolute;
    top: -23px;
    left: 5px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: #e7e7f1;
    z-index: -1;
}

.acronyms p{
    margin: 0;
    font-size: 15px;
    color:#001478;
    opacity: 0.8;
    animation: blink-cursor 1s infinite;
}



/*----------------------------End Glossary-------------------------*/



/*--------------------------BLOG---------------------------*/



.ver-b .head-blog {
    margin-top: 82px;
    display: flex;
}

.head-pos-hold{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    align-items: center;
}

.head-pos-hold-all{
    margin: 50px auto;
}

.blog-main-teaser {
    max-width: 100%;
    border-radius: 16px;
    display: flex;
    margin: auto;
}

.ver-b .inner_main_title {
    padding-bottom: 0;
}
 
.blog.ver-b .inner_main_title {
    padding: 0;
}

.author-img{
    width: 55px;
    height: auto;
    border-radius: 30px;
}

.inner .inner_main_title .author-name-date{
    font-size: 15px;
    letter-spacing: 2px;
    color: white;
    text-transform: capitalize;
    text-align: left;
}

.inner .inner_main_title .author-name-date.title-small{
    font-size: 12px;
    font-weight: 400!important;
    line-height: 18px;
}


.art-info{
    display: flex;
    gap: 25px;
    align-items: center;
    margin: 30px 0 40px 0;
}

.author-hold{
    display: flex;
    gap: 15px;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 25px;
}

.sep-ver{
    border-left: 1px solid rgba(255,255,255,0.2);
    height: 100%;
    padding-left: 25px;
}


.blog-nav-container {
    position: sticky;
    top: 130px;
}

.blog-nav-container .navbar-nav a {
    text-transform: capitalize;
    font-weight: 500;
    color: #000;
}

.blog .navbar-nav .nav-link {
    padding: 10px 20px;
    transition: all 0.2s ease;
}

.blog .navbar-nav .nav-link.active {
    background-color: #fff;
    color: #46b6e4;;
    border-left: 4px solid #46b6e4;
    transition: all 0.2s ease;
}


.pco h2{
    margin: 45px 0 20px;
}


.navbar-art{
    margin-top: 20px;
    border-left: 1px solid #e0e2ef;
}

.navbar-art ul>li {
    list-style: none;
    margin-left: 0px;
}

.navbar-art ul>li {
    list-style: none;
    margin-left: 0px;
    padding: 0px 0px;
    margin-left: -1px;
}

.navbar-art a.selectedLink {
    color:#46b6e4!important;
    border-left: 5px solid #46b6e4;
    background-color: #fff;
    font-weight: 500;
}

.navbar-art a:hover {
    background-color: rgba(70,182,228,0.15);
}

.navbar-art a {
    font-size: 15px;
    letter-spacing: 0px;
    display:block;
    color:#001478;
    padding: 8px 13px;
    transition: all 0.1s ease 0s;
}


.blog-cont-grid .sidebar{
    margin-top: 50px;
}

.cta-art{
    margin-top: 40px;
}

.cta-art-btn{
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #001478;
    text-align: center;
    color: white;
    display: block;
    width: auto;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.cta-art-btn:hover{
    color: white;
    opacity: 0.85;
}

.cta-art .che-icon-yell {
    height: 25px;
}

.cta-art .pa-bullets{
    padding: 25px;
    border-radius: 16px;
    background-color: #d7fdc7;
    margin-top: 15px;
}

.art-cont .cta-bottom-blog{
    background-color: #001478;
    position: relative;
    overflow: hidden;
}


.cta-art .pa-bullets .ma-bull p{
    font-size: 15px;
    line-height: 22px;
}

.cbb-hold{
    display: grid;
    grid-template-columns: 60% 40%;
    position: relative;
    z-index: 1;
}

.backspace{
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.cta-bottom-blog{
    padding: 50px;
    margin-top: 60px;
    border-radius: 16px;
    background-color: rgba(0, 20, 120, 0.05);
    overflow: hidden;
}

.ver-b .cta-bottom-blog p, .ver-b .cta-bottom-blog h2{
    color: #fff;
}


.head-blog .inner_main_title h1 {
    color: rgb(255, 255, 255);
    font-size: 45px;
    letter-spacing: 2px;
    text-transform: inherit;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 55px;
    left: 0px;
}

.blog.ver-b .art-cont h2 {
    font-size: 35px;
    line-height: 3rem;
    font-weight: 800;
}

.blog.ver-b .art-cont h3{
    font-size: 25px;
    font-weight: 700;
    margin: 30px 0 15px;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
}

.blog.ver-b .art-cont h4 {
    font-size: 23px;
    font-weight: 700;
    color: #001478;
    margin: 30px 0 10px;
    letter-spacing: 0.5px;
    line-height: 1rem !important;
    font-family: 'Poppins', sans-serif;
}

.blog.ver-b .art-cont h5{
    font-size: 18px;
    font-weight: 600;
    color: #001478;
    margin: 20px 0 5px;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
}

  .table-header {
            background: #f8f9fa;
            color: #333;
            padding: 20px;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }

        .table-header h1 {
            font-size: 1.8rem;
            font-weight: normal;
        }

        .table-container {
            direction: rtl;
            overflow: hidden;
            text-align: left;
        }

        .blog.ver-b table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }

        .blog.ver-b th {
            background: rgba(0,20,120,0.10);
            color: #001478;
            font-weight: 600;
            padding: 16px 12px;
            border: 1px solid rgba(0,20,120,0.3);
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .blog.ver-b td {
            padding: 16px 12px;
            border: 1px solid rgba(0,20,120,0.3);
            vertical-align: top;

        }

        .feature-col {
            background: white;
            font-weight: normal;
            align-content: center;
            color: #001478;
            width: 120px;
            min-width: 120px;
            position: sticky;
            left: 0;
            z-index: 5;
            border: 1px solid #ddd;
           
        }

        .narrow-ai {
            background: white;
            border: 1px solid #ddd;
            color:rgba(0, 20, 120, 0.65); 
        }

        .narrow-ai-title{
            background: rgba(104, 189, 98, 0.15)!important;
        }

        .generative-ai {
            background: white;
            border: 1px solid #ddd;
            color:rgba(0, 20, 120, 0.65); 
        }

        .generative-ai-title{
            background: rgba(237, 72, 153, 0.15)!important;
        }

        .agentic-ai {
            background: white;
            border: 1px solid #ddd;
            color:rgba(0, 20, 120, 0.65); 
        }

        .agentic-ai-title{
            background: rgba(255, 166, 25, 0.15)!important;
        }

        .feature-title{
            background: rgba(70,182,228,0.15)!important;
        }




/*--------------------------END---------------------------*/


@media (min-width: 1921px){

    .headlines-hold h2 {
        font-size: 2.5vw !important;
    }

    .xbig{
        font-size: 160px;
    }

    .bigtitlle{
        font-size: 73px!important;
    }

    .smalltitle{
        font-size: 31px!important;
    }

    .mega-dropdown.os {
        width: 1920px;
    }

    .bt-big-screen{
        margin-left: auto;
    }

    .back-teaser {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

    .back-tv-blue {
        width: 100%;
    }

    .pertv-mob-hold {
        width: 40%;
        height: 40%;
    }

    .ctv-in .pertv-mob-hold {
        height: 40%;
        width: 40%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        left: 50px;
    }

      .navbar-expand-lg .navbar-nav .dropdown-menu .mega-dropdown.og {
        width: 720px;
    }


    .tv-mob-mov {
        grid-template-columns: 70.6% 29.4%;
    }

    .ctvmob-teaser-a, .ctvmob-teaser-b {
        background-size: 25%;
    }

    .ctm-teaser .container {
        padding-right: 0!important;
    }

    .mob-right-comp-b {
        width: 900px;
        margin-left: auto;
    }

    .blo-group {
        justify-content: center;
        gap: 30px 30px;
    }

    .inner .inner_main_title.prog {
        padding-left: 5%;
        padding-right: 5%;
    }


    .gro-blo {
        width: 100%;
    }

    .blo-group {
        grid-template-columns: repeat(5, 1fr);
        gap: 30px;
    }

    .con-in-time {
        width: 1920px;
    }

    .con-in-time .container {
        padding-left: 0%!important;
        padding-right: 0%!important;
    }

    .log-sign-btns {
        right: 50px;
    }

    .gro-bor {
        width: 25%;
    }

    .mob-hold-teas {
        margin-top: 180px;
    }

    .inner .inner_main_title {
        padding-bottom: 0px;
    }

    .inner .inner_main_title.va {
        padding-bottom: 0px;
    }

    .index_dark .inner_main_title h1 {
        padding-top: 5%;
    }

    .gall-hold {
        width: 100%;
    }

    .index_dark .inner_main_title {
        padding-bottom: 5%;
    }


    .vid-cross-hold {
        grid-template-columns: 30% 10% 40%;
        width: 70%;
        margin: auto;
    }

    .desk-scr {
        width: 95%;
    }

    .tv-scr {
        max-width: 90%;
    }

    .adv-logos-gal .logos-grid {
        grid-template-columns: repeat(14, 1fr);
    }

  
    .index .navbar {
        padding: 1.5rem 0px;
    }

    .is-sticky .navbar {
        padding: 0.22rem 0px;
    }

    .navbar {
        padding: 0.22rem 0px;
    }

    .mcn_main_teaser h1 {
        font-size: 3vw;
        line-height: 3vw!important;
    }


    .container.flow{
        max-width: 100%;
        padding-left: 250px;
        padding-right: 250px;
    }

    .blogin.container {
        padding-left: 110px!important;
        padding-right: 110px!important;
        max-width: 100%!important;
    }

    .navbar .container {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .video-demo {
        border-radius: 8px;
        box-shadow: 0px 0px 600px rgb(51 191 250 / 0%);
        transition: transform .1s;
        width: 1240px;
    }

    .ctv_all.plat_logos {
        width: 1240px;
        margin: 0 auto;
    }

    .slick-slide img {
        max-width: 250px;
    }

    .ctv_all.plat_logos {
        padding-top: 70px;
    }

    .dark-main-title {
        font-size: 5vh;
    }
    .main-laptop-right {
        max-width: 45%;
    }

    .main-mobile-left.mainIndexAnim {
        left: 5%;
    }
    .main-laptop-right.mainIndexAnim {
        right: 5%;
    }
    .main-mobile-left {
        max-width: 500px;
        top: 35%;
    }

    .point img {
        max-width: 1250px;
    }

    .live-ev .container.flow {
        max-width: 1750px;
    }

    .lib .ctv_why_now.container {
        max-width: 1690px;
    }

    .banner-left h1 {
    color: #222;
    font-size: 2.1vw;
    margin-top: 6%;
    }
    .banner-left p {
        font-size: 29px;
        line-height: 50px;
        width: 90%;
    }
}

@media (max-width: 2560px) and (min-width: 1921px){
    .tv-mob-mov {
        grid-template-columns: 50% 40%;
    }
    .ctvmob-teaser-a, .ctvmob-teaser-b {
        background-size: 40%;

  }
}


    @media (min-width: 1200px){
    .container {
        max-width: 1280px;
        }
    #popupsmart_cookie_consent_gdpr_root .popup__title {
        font-size: 1.5rem!important;
    }
}


@media (min-width: 992px){

    .box-bb-mt{
        margin-top: 80px;
      }

    .x-grid-bg-owl{
        display: none;
    }

    #owl-demo{
        display: none;
    }

    .circlegrid-mob{
        display: none;
    }

    .pit-page .car-bottom h3{
        font-size: 35px;
        line-height: 4rem;
    }

    .pit-page .car-bottom {
        padding: 60px 60px 40px 60px;
    }
    

    .pa-mob-teasers{
        display: none;
    }


    .mars_hold{
        top: 20px;
    }
    

    .mobsdk .teas-hold-desc {
        width: 50%;
    }

    .carousel-mob{
        display: none;

    }

    .lp .form-btn{
        width: fit-content;
        margin-left: auto;
        display: flex;
    }

    .cont-hold-dim{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 30px;
    }
    

    .start-desc{
        width:500px;
    }
    

    .apple-table .at-in-title {
        padding-right: 30%;
    }

    .ctv-padd{
        width: 80%;
    }

    .mob-tv-hold{
        margin-left: auto;
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        margin-right: auto;
    }

    .madv-hold .inner_main_title{
        padding-bottom: 1%;
    }

    .sectionsContainer-mob{
        display:none;
    }

    .tvmob-des h3{
        width: 450px;
    }

    .mo-fr-shad .wia {
        width: 45%;
    }
    
    .mo-fr-shad .datateas {
        width: 60%;
    }
    

    .apple-s .inner_main_title h3{
        width: 800px;
        margin: 20px auto;
    
    }
    

    .tt-back-people-mob{
        display: none;
    }

    .rb{
        border-right: 1px solid #001478; 
    }
     

    .ban-roll-all h3{
        width: 80%;
    }

    
.amb-teaser-grid {
    height: 770px;
}

    .tab-mob{
        display: none;
    }

    .pop-title-mob{
        display: none;
    }

    .event-pop-hold .modal-body {
        border-left: 1px solid #001478;
    }


    .hold-img-a {
        border-radius: 16px 0px 0px 16px;
    }

    .hold-img-b {
        border-radius: 0px 16px 16px 0px;
    }

    .hold-img-c {
        border-radius: 16px 0px 0px 16px;
    }

    .hold-img-d {
        border-radius: 0px 16px 16px 0px;
    }

    .hold-img-e {
        border-radius: 16px 0px 0px 16px;
    }

    .hold-img-f {
        border-radius: 0px 16px 16px 0px;
    }


 




    .thank-your-in h2{
        margin-left: 20px;
    }
    


    .gh-mob{
        display: none;
    }

    .vid-cross-mob{
        display: none;
    }

    .gh-righ-bord{
        border-right: 1px solid #001478;
    }

    .cep-cent{
        height: 100%;
        width: 1px;
        border-left: solid 1px #47b7e4;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .mx .navbar .container{
        max-width: 100%;
        padding-right: 50px;
        padding-left: 50px;
    }

    .container{
        padding-right: 0px;
        padding-left: 0px;
    }

    .team_intro_txt{
        margin-right: 50px;
    }

    .blog-img-in.galit-photo{
        margin-right: 5%;
    }

    .pl-15{
        padding-left: 15px;
    }

    #ads-mobile{
        display: none;
    }

    .imt-w{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .room-mob{
        display: none;
    }

    .ti-box p{
        padding-right: 35px;
    }

    .p-boxes{
        padding: 0;
    }

     .main_teaser .video-demo{
        margin-top: 0px;
     }


    .video-demo{
        border-radius: 8px;
        box-shadow: 0px 0px 600px rgb(51 191 250 / 0.0);
        transition: transform .1s;
        max-width: 100%;
    }

    

    .showCaseVideoFull{
        width: 100%;
        height: 100vh;
    }

    .mega-f{
        padding-left: 40px;
        padding-right: 0px;
  
    }

    .part-hold{
        position: relative;
        margin-bottom: 60px;
    }

    
    .index .default-header {
        background-color: rgba(255,255,255,0)!important;
    }


    .dropdown.mob{
        display: none;
    }

    .tech.container {
        max-width: 97%;
    }
    .bottom-text .copyright {
        padding-top: 20px;
    }

    .bottom-mob-text{
        display:none;
    }
    
   #slide_mob{
       display: none!important;
    } 
    .container.mob{
        display: none!important;
    }
    .flow_icons_mob{
        display:none;
    }
    .about_title_top_mob{
        display:none;
    }
    .about_title_mob{
        display:none;
    }
	.icons_title_mob_flow{
		display:none;
	}
    #slide_mob_mcn{
		display:none;
	}
    .platmcn_mob{
        display: none;
    }
     .mod_mob{
        display: none;
    }
    .t_mob{
        display: none;
    }
     .aab_mob{
        display: none;
    }
   
}

@media (min-width: 1200px){

    .sectionsContainer .container{
        padding-left: 0px;
        padding-right: 0px;
        max-width: 1380px;
    }

    .brands-full.container{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1150px){

    .sdkplat-logo {
        height: 40px;
    }

    .navbar-nav a {
           font-size: 14px;
        }
    }
    
    
    @media (max-width: 1280px){

        .circlegrid-left, .circlegrid-right {
            grid-template-columns: auto auto;
        }

        .blue-grad_circle {
            width: 1000px;
            height: 1000px;
        }

        .ser-box h3 {
            font-size: 16px;
            line-height: 25px;
        }
    
        .tes-time {
            max-width: 350px;
            height: 100%;
        }
    
        .time-desc {
            max-width: 350px;
        }
    
        .sectionsContainer .container {
            padding-right: 10px;
            padding-left: 10px;
        }
    
        .brands-full.container {
            padding-left: 0px;
            padding-right: 0px;
        }
    
    
        .teasers_inn.pco .container {
            padding-right: 100px;
            padding-left: 100px;
        }
    
        .video-demo {
            margin-top: 40px;
        }
    
        .event_cont h5 {
            font-size: 22px;
            line-height: 32px!important;
        }
    
        .event_cont h1 {
            font-size: 55px;
            padding-bottom: 30px;
            width: 80%;
        }
    
        .slide-list .slide-item {
            max-width: 100px;
            margin: auto 20px;
        }
    
        .philosophie {
            position: relative;
            margin: 0 3%;
        }
    
        .love-castift-graph-popup {
            left: 75%;
        }
    
        .plat_logos .container {
            padding: 60px 0;
        }
    
        .hold-loader {
            padding: 0%;
        }
        .loader-in {
            transform: scale(0.7);
        }
    
        .bottom_slide .container {
            max-width: 1070px;
        }
    
        .mcn_main_teaser {
            max-width: 1070px;
        }
    
        .three_plat .container {
            max-width: 1070px;
        }
    
        .aab_desk .container {
            max-width: 1130px;
        }
    
        footer{
            padding-bottom: 30px;
        }
    
        .not-f .flow_title {
            font-size: 50px;
            width: 100%;
        }
    
        .thankspage .flow_title {
            font-size: 50px;
            width: 100%;
        }
    
        .flow_title {
            font-size: 38px;
            width: 80%;
            margin-left: 0;
        }
    
        footer li{
            font-size: 13px;
        }
    
        .mt-100.csds{
            margin-top: 0px;
        }
    
    
        .all-slide-buttons {
            top: 62%;
        }
    
        .slide .content h1 {
            font-size: 45px;
            width: 100%;
         }
    
        .how_it_works.fit_btn {
            width: 150px;
            font-size: 16px;
        }
    
        .start_btn.fit_btn {
            width: 150px;
            font-size: 16px;
    
        }
        .slide .content p {
            margin-top: 16px;
            width: 90%;
        }
    
        .slide .content {
            width: 560px;
        }
    
    
        .contrast {
        max-width: 520px;
        }
      
        .vid_left {
        right: -57px;
        }
        .vid_channle {
        left: -47px;
        }
        .container.how_it_works{
            max-width: 100%;
        }
        .ml-50 {
        margin-left: 30px;
        }
        .two-btns.mt-80 {
            margin-top: 50px;
        }
       .aab_desk h5 {
            font-size: 22px;
            
        }
       .pco .strong_title {
            font-size: 28px;
            line-height: 45px;
        }
    }
    

@media (max-width: 1280px){

    .tvmob-des {
        margin-top: 260px;
    }

    .tv-mob-mov {
        grid-template-columns: 100%!important;
    }
    .ctm .sectionsContainer{
        display: none;
    }
    .sectionsContainer-mob{
        display:block;
        margin-top: 50px;
    }
    .tvmob-des {
        height: auto;
        margin-top: 300px;
    }

    .ci-dark.ban-roll-all {
        padding: 50px 50px;
    }

    .cir-categ {
        gap: 40px;
        padding-top: 50px;
    }

    .tv-ctv-hold {
        margin-top: -160px;
    }

    .teas-hold-desc-va.ctv-top-grid {
        gap: 60px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .btn-group {
        justify-content: center;
        margin-bottom: 60px;
    }

    .index_dark .inner_main_title h1 {
        padding-top: 110px;
        font-size: 4.5vw;
        letter-spacing: 30px;
        line-height: 90px!important;
        width: 80%;
    }

.philosophie .wrapper {
    background-position: 100% 260px
    }
    .brands-full.container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .solgrow-in {
        padding: 50px;
    }
}

@media (min-width: 1281px){


 .container.how_it_works  {
    max-width: 100%;
    overflow: hidden;
    }
    .palyer-vid .footer-area .container{
        padding-top: 0px;
    }     
}




@media (max-width: 1650px){

    .teser-l-r .main-cont-hold{
        height: 515px;
    }

    .mega-dropdown.og {
        width: 720px;
    }
    
    

    .ctv-padd {
        padding: 0px 0px 0px 100px;
        margin: auto 0;
    }

    .ci-ctv-in {
        padding: 100px 100px;
    }

    .ctm_title {
        font-size: 45px;
        line-height: 60px;
        letter-spacing: 14px;
    }

    .tv-mob-mov {
        grid-template-columns: 50% 50%;
    }

    .ctvmob-teaser-a, .ctvmob-teaser-b  {
        background-size: 50%;
    }


    .tvmob-des {
        padding-left: 50px;
        padding-right: 50px;
    }

    .yel-teaser-cta {
        width: 90%;
    }

    @keyframes hand-mov-l {
        to {
          transform: translateX(1.5em);
        }
      }
    

    
    @keyframes hand-mov-r {
        to {
          transform: translateX(-1.5em);
          
        }
      }

    .hand-left-hold {
        margin-top: 170px;
    }

    .mob-adv-grid {
        grid-template-columns: 45% 55%;
        gap: 0%;
    }

    .mob-right-comp-a {
        transform: scale(0.85);
        margin-right: 0;
    }

    .index_dark .inner_main_title h1 {
        font-size: 65px;
        max-width: 1300px;
        line-height: 100px;
    }


    .sideBarInner {
        width: 100px;
    }

    .teas-hold-desc-va.ctv-top-grid{
        gap: 15%;
    }

    .ci-mobile-cont {
        width: 100%;
    }

    .cont-in.ci-mobile {
        padding: 400px 50px 50px;
    }

    
    .teas-hold-desc-va.ctv-top-grid {
        gap: 5%;
    }

    .container{
        max-width: 100%;
    }

    .mx .container{
        max-width: 1280px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .mx .navbar .container{
        max-width: 100%;
    }

    .container {
        padding-right: 50px;
        padding-left: 50px;
    }

    .back-teaser {
        padding-right: 50px;
        padding-left: 50px;
        align-items: center;
    }

    .solgrow {
        padding-left: 50px;
        padding-right: 50px;
    }

    .teas-back{
        padding: 10%;
    }


    .dropdown-menu .menu-title {
        height: 180px;
    }

    .navbar-nav {
        padding-left: 30px;
    }

    .mega-m .dropdown-menu {
        margin-left: 0;

    }

    .mega-dropdown.og {
        padding: 20px 30px 30px 30px;
    }

    .mega-dropdown.os {
        padding: 30px;
    }

    .index .navbar {
        padding: 0.22rem 50px;
    }

    .is-sticky .navbar {
        padding: 0.22rem 50px;
    }


    .brands .tv-black-bg {
        padding-left: 50px;
        padding-right: 50px;
    }

    .tv-blue-bg {
        padding-left: 100px;
        padding-right: 100px;
    }

    .footer-bottom {
        margin-left: 10px;
        margin-right: 10px;
    }

    .footer-area .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    
    .title-imp h2 {
        padding-top: 15%;
    }



    .three_plat .container {
        padding-left: 150px;
        padding-right: 150px;
    }

    .mcn_main_teaser {
        position: absolute;
        bottom:5%;
        left:0;
        right:0;
        margin: auto;
        max-width: 70%;
        margin-left: 130px;
     
    }

    .container.flow {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

   .wrapper-brandBook.container{
        padding-left: 50px;
    }


    .navbar {
        padding: 0.25rem 50px;
    }


    .event_cont h1 {
        font-size: 65px;
        padding-bottom: 50px;
        width: 80%;
    }

    .team_pho{
       width: 85%;
    }

    .team_grid {
        margin-top: 60px;
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .loading-icon{
        margin-left: 0%;
    }


    .all-slide-buttons {
        left: 130px;
    }

    .slider {
        max-width: 100%;
        padding-left: 100px;
    }

    .slide .content {
        left: 95px;
    }
	.sign_up_page .sec_form {
		height: auto;
		margin-top: 0px;
	}
	.sec_form.section-gap {
    padding: 40px 0;
	}
	.pco_teaser_img_a_b_show {
		right: 1%;
		transform: scale(0.86);
	}
	.pco_teaser_img_b_a {
		max-width: 115%;
    }

}

@media (max-width: 1750px){

    .teser-l-r .main-cont-hold{
        height: 520px;
    }
}

@media (max-width: 1444px){

    .circlegrid-top, .circlegrid-bottom  {
        height: 50px;
    }

    .image-box.large{
        transform: scale(0.8);
    }

    .image-box.medium {
        transform: scale(0.7);
    }

    .image-box.small {
        transform: scale(0.55);
    }

    .mx .container{
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }

    .teser-l-r .main-cont-hold{
        height: 445px;
    }

    .blo-group {
        grid-template-columns: repeat(3, 1fr);
    }

.people_hold{
    position: relative;
    transform: scale(0.9);
    z-index: -1;
}
    .amb-teaser {
        padding: 0px; 
   }

    .teas-hold-in {
        max-width: 550px;
    }
 

    .tv-black-bg{
        background: #000000;
        padding-left: 100px;
        padding-right: 100px;
    }

    .index_dark .inner_main_title h5 {
        width: 100%;
    }

    .event_cont h1 {
        font-size: 55px;
        padding-top: 60px;
        padding-bottom: 30px;
        width: 80%;
    }
    .event_cont h5 {
        font-size: 25px;
        line-height: 37px!important;
    }

    .event_cont .navbar-nav {
        margin-top: 0px;
        height: 70px;
    }

    .tv-room .event_desc_teaser {
        width: 550px;
        margin-top: 25px;
        letter-spacing: 0px;
    }


    .live-cont {
        max-width: 94%;
    }

    .d-pres, .d-inquire {
        width: 140px;
        font-size: 14px;
    }

    .box-btns {
        position: absolute;
        bottom: 20px;
        width: 83%;
    }

    .d-inquire, .d-pres {
        width: 140px;
    }

    .channel-box {
        max-width: 360px;
    }

    .library-desc {
        width: 55%;
    }

    .cont-teaser-inn {
        max-width: 95%;
    }

    .video-adcenter{
        max-width: 80%;
      }


    .player_gif {
        max-width: 80%;
    }

    .tech p {
        font-size: 18px;
    }

    h5 {
        font-size: 26px;
    }


    .all-slide-buttons {
        left: 125px;
        top: 65%;
    }

    .optimized {
        padding: 15px;
    }

    .ctv_all {
        margin-left: 40px;
        margin-right: 40px;
    }


    .slide .content {
        left: 90px;
    }


    .banner-left{
        margin-top: -70px;
    }
    .banner-left h1 {
        font-size: 2.8vw;
    }
    .teasers_inn.pco h5 {
        width: 90%;
    }
      .aab_desk .strong_title {
        font-size: 28px;
        line-height: 45px;
    }
     .pco, .aab_desk h5 {
        font-size: 22px;
        
    }
}


@media (max-width: 1380px){

    .teser-l-r .main-cont-hold{
        height: 410px;
    }


    .tvmob-des h3{
        width: 100%;
    }

    .tvmob-des .mt-100{
        margin-top: 30px;
    }


    .time-desc {
        max-width: 400px;
    }

    .tes-time {
        max-width: 400px;
        height: 100%;
    }

    .dot-date {
        width: 150px;
    }

    .sideBarInner{
        width: 100px;
    }

    .branding_ad.adsPageAnim {
        top: 16.4%;
        right: 2.7%;
    }
    .branding_ad {
        max-width: 94.5%;
        right: -4%;
    }


    .all-slide-buttons {
        top: 62%;
    }

    .edu_teaser_img_a_b_show {
        bottom: 16%;
        right: 0%;
        transform: scale(0.92);
    }

    .tv-lags-yt {
        max-width: 81%;
    }

    .tech .ads-bullets p {
        font-size: 15px;
    }

    .channel-box {
        max-width: 356px;
    }


    .brand-left-text-teaser {
        padding-left: 0%;
    }

    .youtube_teaser_img_a_a, .youtube_center {
        margin-left: -70px;
        max-width: 70%;
        top: -6%;
    }

    .slide .content {
        top: 26%;
        width: 600px;
    }
   

    .slide .content h1 {
        font-size: 50px;
        line-height: 4.2vw!important;
    }

    .pco_teaser_img_a_a_show {
        width: 12%;
        top: 22%;
        left: 6%;
    }
    .pco_teaser_img_c_b {
        transform: scale(0.89);
    }

    .pco_teaser_img_c_a {
        top: 8%;
        right: -7%;
        transform: scale(0.89);
    }

    .pco_teaser_img_c_a_show {
        top: -7%;
    }

    .brands_teaser_img_a_a {
        transform: scale(0.85);
        right: 3%;
        top: 22%;
    }

    .brands_teaser_img_a_a_show {
        top: 5%;
    }

    .brands_teaser_img_static {
        margin-top: 27%;
    }


    .pco_teaser_img_a_b_show {
        right: 0%;
        transform: scale(0.92);
        bottom: 24.5%;
    }

    .pco_teaser_img_static {
        max-width: 100%;
        height: auto;
        margin: 0;
    }

    .edu_teaser_img_a_a {
        top: -3%;
    }

    .edu_teaser_img_static {
        max-width: 100%;
        height: auto;
        margin: 0;
    }

    .edu_teaser_img_a_a_show {
        width: 12%;
        top: 14%;
        left: 6%;
    }

    .streamer-box {
        max-width: 75%;
    }
 
    .right_cube .img-right {
        max-width: 88%;
    }
    .contrast {
      max-width: 620px;
    }
    .vid_left {
        right: -69px;
    }
    .vid_channle {
     left: -56px;
    }
  
    .timeline_box {
        max-width: 90%;
    }
   
    .timeline_box .mb-50 {
        margin-bottom: 0px;
    }
	.container.terms {
        max-width: 80%;
    }
}



@media (max-width: 1366px){


    .xteser {
        height: fit-content;
    }


    .hold-val {
        grid-template-columns: 25% 50% 25%;
        gap: 20px;
    }

    .global-ban-hold {
        gap: 40px;
    }

    .mob-size-mars {
        padding: 40px;
    }

    .bord-box p {
        font-size: 20px;
        line-height: 30px;
    }

    .dark_side {
        width: 90%;
    }

    .blue-grad_circle {
        width: 1000px;
        height: 1000px;
    }

    .ser-app {
        border-radius: 50px;
    }

    .con-in-inf h2{
        padding-top: 50px;
    }

    .cont-in {
        padding: 50px 50px;
    }

    .ban_mov {
        max-width: 80%;
    }

    .ci-dark.ban-roll-all {
        padding: 100px 50px;
    }

    .amb-teaser-grid h3 {
        width: 40%;
    }

    .ctv-padd {
        padding: 50px 0px 50px 50px;
        margin: auto 0;
    }

    .main-cont-hold {
        gap: 40px;
    }


    .ci-ctv-in {
        padding: 50px;
    }

    .ci-ctv {
        padding: 50px 50px 0px 50px;
    }

    .teas-hold-desc-va.ctv-top-grid {
        gap: 5%;
    }

    .teas-hold-desc-va h3 {
        width: 80%;
        padding-bottom: 150px;
    }

    .banner_vid {
        width: 100%;
    }

    .ci-dark {
        padding: 50px;
    }

    .logo-gr {
        height: 90px;
    }

    .teas-front-d {
        max-width: 65%;
    }
    .teas-front-d.adsPageAnim {
        transform: translate(25px, -90px);
    }

    .sol-group-a, .sol-group-b, .sol-group-c, .sol-group-d, .sol-group-e, .sol-group-f {
        height: 500px;
        margin-bottom: 50px;
    }

    .teas-back {
        padding: 5%;
    }

    .teas-back-b {
        max-width: 78%;
    }

    .index_dark .teas-front-a {
        max-width: 33%;
        top: 30px;
        margin-right: 63px;
    }

    .teas-front-c {
        max-width: 30%;
        left: 115px;
    }

    .teas-back-e {
        max-width: 60%;
    }

    .teas-front-e{
        transform: scale(0.7);
    }

    .teas-front-e.adsPageAnim {
        transform: scale(0.8);
    }


    .index_dark .inner_main_title h1 {
        font-size: 55px;
        line-height: 80px;
        width: 84%;
    }

    .gro-bor {
        padding: 30px;
    }

    .arrow-up-og{
        display: none;
    }

    .arrow-up{
        display: none;
    }

    
    .arti-log {
        padding: 15px;
    }


    .tv-black-bg{
        background: #000000;
        padding-left: 50px;
        padding-right: 50px;
    }


    .container.flow.flin {
        padding-left: 165px;
        padding-right: 165px;
    }

    .teasers_inn.pco .container {
        max-width: 100%;
        padding-right: 100px;
        padding-left: 100px;
    }


    
    .mini-about {
        padding-right: 0%;
    }

    .tv-room {
        margin-left: 50px;
        margin-right: 50px;
    }
    .navbar {
        padding: 0.1rem 50px;
    }

.slide .content h1 {
        margin-bottom: 0px;
        line-height: 4vw!important;
        width: 75%;
    }

    .slide .content{
        width: 580px;
    }
    .slide .content p {
        margin-top: 0px;
    }

    .all-slide-buttons {
        top: 67%;
    }
}


@media (max-width: 1310px){

    .textmask {
        background-size: 70%;
    }

    .color_c_a {
        position: absolute;
        left: 1%;
        right: 0;
        bottom: 25%;
        width: 52%;
    }

    .color_c_b {
        position: absolute;
        left: 17%;
        right: 0;
        top: -10%;
        width: 82%;
        z-index: -1;
    }

    h6 {
        letter-spacing: -0.08em;
        font-size: 16em;
        font-weight: bold;
    }


 .box-btns {
        width: 85%;
    }

.channel-box {
    max-width: 400px;
}
}



@media (max-width: 1650px) and (min-width: 992px){


    .arrow-up-og {
        left: 330px;
    }
    .arrow-up {
        left: 200px;
    }


    .amb-teaser {
        padding: 0px;
    }

    .people-slide{
        transform: scale(0.8);
        z-index: -5;
    }


    .main-laptop-right{
        max-width: 45%;
        bottom:5%;
    }

    .mobile-app-vid {
        margin-left: 5%;
    }

    .main-mobile-left {
        opacity: 0;
        max-width: 300px;
    }

    .philosophie .point {
        width: 65%;
        transform: translate(-50%);
        margin-left: 50%;
    }

    .ctv_all.plat_logos {
        margin-left: 10%;
        margin-right: 10%;
    }

    .philosophie {
        position: relative;
        margin: 0 145px;
    }

    .dashboard-hold.mb-100{
        margin-bottom: 3%;
    }

    .slick-slide img {
        width: 100%!important;
    }


    .ctv_all {
        margin-left: 50px;
        margin-right: 50px;
    }
 
    .ctv_why_now.container {
        max-width: 100%;
    }
    .ctv_why_now.libr.container {
        max-width: 95%;
    }
    .optimized {
        padding: 0px;
    }

}




@media (min-width: 992px){

    .glo .container{
        padding-right: 0px;
        padding-left: 0px;
    }

    .bord-box .con-in-inf{
        gap: 60px;
    }

    .mob-padding-mars{
        height: 820px;
    }

    .lp-mob{
        display: none;
    }

    .mob-br{
        display: none;
    }


    .left-line-box {
        width: 80%;
    }

    .grid-link{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 2fr));
    }

    .blog-cont-grid{
        display: grid;
        grid-template-columns: 800px auto;
        gap: 50px;
        padding-bottom: 70px;
        margin-top: 15px;
        border-bottom: 1px solid #001478;

    }

    .teaser-mob{
        display: none;
    }

    .index_dark .mob{
        display: none;
    }

    .ads-mobile{
        display: none;
    }

    .not-f .text-center{
        text-align: left!important;
    }

    .t_mob{
        display: none;
    }


    .os-grid-footer{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
    }

    .pdf-btn{
        display: grid;
        position: absolute;
        left:0;
        bottom: 0;
    }

    .mal li{
        margin-right: 15px;
    }

    .dropdown-menu{
        background-color: #fff!important;
        box-shadow: 0 0 20px rgb(0 0 0 / 15%);
        border-radius: 0px 0px 16px 16px;
        padding:0;
        margin-top: 10px;
        margin-left: 10px;
    
    }
    .dropdown-menu a{
        color: #000!important;
        text-transform: inherit;
        padding: 13px;
    }
    
    

    .dropdown .dropdown-menu {
        opacity: 0;
        visibility:hidden;
        display: none;
        position: absolute;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    
    .dropdown:hover .dropdown-menu{
        opacity: 1;
        visibility: visible;
    }

    .menu-mob{
        display: none;
    }


    .love-mob{
        display: none;
    }
        .header_txt h3{
            font-size: 25px;
    }

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {


    .ott-teaser {
        max-width: 100%;
        margin: auto;
        margin-top: 5%;
        display: flex;
    }
    

    .flow-wind {
        transform: scale(0.7);
        margin-top: 30px;
        margin-bottom: 250px;
    }

    .main-laptop-right-mob img {
        width: 100%;
        transform: translateX(-150px);
        float: left;
    }

    .top-teaser-mob {
        height: 1750px;
    }

    .index .navbar, .navbar {
        padding: 0.5rem 1rem;
    }
    .slider {
        height: 550px;
    }
    .slide .content h1 {
        font-size: 40px;
        width: 85%;
    }
    .slide .content p {
        margin-top: 15px;
        font-size: 17px;
        line-height: 25px;
    }
    .slide .content {
        left: 25px;
    }

    .all-slide-buttons {
        left: 65px;
    }

    .flow_title {
        font-size: 32px;
        width: 80%;
        margin-left: 0;
      }    
    .ctv_all p {
        font-size: 16px;
        line-height: 22px;
    }
    .tech p {
        font-size: 16px;
        line-height: 25px;
    }
    .teasers_inn p {
        font-size: 16px;
        line-height: 25px;
    }
    .index .tech.mt-100{
        margin-top: 30px;
    }
    .tech .container {
        max-width: 91%;
    }
    .mt-20.ofe{
        margin-top: 0px;
    }
    .streamer-box {
        max-width: 50%;
    }
    h5 {
        font-size: 22px;
        line-height: 30px!important;
    }

    footer li {
        font-size: 12px;
    }


    .mini-about {
        font-size: 14px;
        line-height: 20px;
    }

    .teasers_inn.pco .container {
        max-width: 93%;
    }
    .back-lines-bg-l, .back-lines-bg-r {
        width: 50%;
    }
    .blue-box-title {
        width: 90%;
    }
    .container.sharebtn {
        max-width: 93%;
    }
    .teasers_inn .container {
        max-width: 93%;
    }
    .inner_main_title h1 {
        font-size: 60px;
        line-height: 75px;
    }

    .inner .inner_main_title {
        padding-top: 130px;
    }

    .ctm_title {
        font-size: 60px;
        line-height: 75px;
        top: 150px;
    }

    .teasers_inn {
        height: 570px;
    }
    .ctv_why_now.container {
        max-width: 91%;
    }
    .ctv-icon-in{
        padding-right: 0%;
    }
    .optimized {
        padding: 0px;
    }

    .pco_teaser_img_a_b_show {
        transform: scale(0.90);
        bottom: 26%;
    }
    .round-arrows-laptop {
        margin-top: -45px;
        margin-left: 281px;
    }
    .back-lines-bg-r, .back-lines-bg-l {
        top: -20px;
    }
    .tv-room p {
        font-size: 16px;
    }
    .teasers_inn.pco.mt-150{
        margin-top: 80px;
  }
    .teasers_inn.pco.mt-80{
        margin-top: 30px;
        }
    .container.flow {
        max-width: 100%;
    }
    .container.sharebtn {
        max-width: 89%;
    }
}



@media (max-device-width: 1024px) and (min-device-width: 1366px){

    

    .teas-hold-desc-va.ctv-top-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-device-width: 1024px) and (min-device-width: 992px){

    .dark_side {
        width: 100%;
    }

    .bord-box p {
        font-size: 18px;
        line-height: 28px;
    }

    h2 {
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 15px;
    }

    .teas-front-d.adsPageAnim {
        transform: translate(5px, -70px);
    }

    .mega-m .dropdown-menu a {
        margin-left: 0px;
    }

    .men-bord {
        display: none;
    }

    .mega-dropdown.os {
        width: 90vw;
        display: grid;
        grid-template-columns: repeat(5, 180px);
        padding: 20px;
    }

    .banner_vid {
        width: 300px;

    }

    .mega-dropdown.os {
        width: 991px;
        grid-template-columns: repeat(5, 190px);
    }

    .index_dark .inner_main_title h1 {
        padding-top: 60px;
        width: 80%;
        line-height: 70px!important;
        font-size: 50px;
        letter-spacing: 20px;
    }

    .hold-ship {
        transform: scale(0.5);
    }

    .teas-back {
        padding: 0;
    }

    .teas-hold-in {
        max-width: 80%;
    }
    
    .teas-back-e {
        max-width: 60%;
    }
    .index_dark .teas-front-a{
        top: 10%;
        max-width: 40%;
    }

    .teas-front-c {
        max-width: 40%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 30%;
    }

    .teas-back-b {
        max-width: 80%;
    }
    
    .index_dark .teas-hold-desc {
        padding: 0 10%;
    }

    .teas-front-d {
        top: -30px;
        max-width: 80%;
    }

    .sol-group-a, .sol-group-b,.sol-group-c, .sol-group-d, .sol-group-e {
        height: 500px;
    }

    h3 {
        font-size: 24px;
    }
    .solgrow-in {
        padding: 50px;
    }

    .dark-main-title {
        font-size: 5vh;
    }

    .philosophie .wrapper {
        background-position: 100% 190px;
    }

    .index_dark .inner_main_title {
        margin-top: 60px;
        height: 600px;
    }


    .point img {
        width: 700px;
    }

    .dark-main-title-ott.vbf {
        font-size: 12vh;
        line-height: 12vh!important;
    }

    .dark-main-title {
        font-size: 4vh;
        font-weight: 700;
    }

    .dark-main-title-ott.mr-40{
        margin-right: 20%;
    }

    .main-mobile-left {
        opacity: 0;
        max-width: 270px;
        top: 45%;
    }

    .mobile-app-vid {
        margin-left: 6%;
        margin-top: 0%;
    }

    .main-mobile-left.mainIndexAnim {
        left: 0%;
    }

    .main-laptop-right.mainIndexAnim {
        right: 2%;
    }

    .philosophie .point {
        width: 90%;
    }

    .main-laptop-right {
        width: 80%;
        bottom: 5%;
    }

    .hl {
        max-width: 160px;
    }

    .imp-teaser .inner_main_title p {
        width: 70%;
    }

    .imp-tv-in {
        margin-top: -26%;
    }

    .imp-teaser {
        padding-top: 6%;
    }

    .color_c_a {
        position: absolute;
        left: 1%;
        right: 0;
        bottom: 35%;
        width: 52%;
    }

    .color_c_b {
        position: absolute;
        left: 17%;
        right: 0;
        top: 0%;
        width: 82%;
        z-index: -1;
    }

    .pos-line {
        position: relative;
        display: grid;
        grid-template-columns: 70% 15% 15%;
    }

    .textmask {
        background-size: 80%;
    }


	.how_it_work .blue-cube{
		height: 730px!important;
	}
	.container_slider .slide {
		height: 740px;
	}

}


@media (max-width: 991px){

    .mtech {
        max-width: 50%;
    }

    .search-container {
        max-width: 100%;
    }

    .disable-hov a{
        font-size: 15px;
    }

    .glos .inner_main_title h1 {
        padding-top: 0px;
    }

    .glos-horizontal a:hover {
        border-bottom: 0px solid RGBA(0, 20, 120, 0.0);
    }

    .glos-horizontal a.selectedLink {
     border-bottom: 0px solid #001478;
    }

    .glos-horizontal a {
        padding: 12px 0px 12px 0px;
        border-bottom: 0px solid rgba(0, 0, 0, 0);
    }

    .top-glos-mein {
        position: inherit;
        top: 0px;
    }

    .glos-horizontal {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        padding: 12px 0;
    }

    .disable-tub {
        width: 40px;
        height: 90%;
        background: rgba(255, 255, 255, 0.0);
        pointer-events: none;
        position: absolute;
        top: 1px;
        bottom: 0;
    }

    .glo {
        padding: 35px 0;
    }

    .glo .container{
        padding-left: 0;
        padding-right: 0;
    }

    .glo h1 {
        margin-bottom: 30px;
    }

    .glo-hold {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .md{
        display: none;
    }

    .upstairs {
        width: 135%;
        margin-bottom: 15px;
        object-fit: unset;
        transform: translateX(-50%);
        margin-left: 50%;
    }

    .bbook .bott-col {
        margin: 0px auto;
    }

    .flex-cont-hold-in {
        margin-top: 30px;
    }

    .flex-title-hold h2 {
        font-weight: 800;
    }

    .bbook .inner_main_title h1 {
        padding-top: 10px;
    }

    .top_sketch_hold {
        filter: contrast(1);
        background-size: 350%;
        background-position-y: 30px;
    }

    .p-c-grid p {
        text-align: left;
    }

    .colo-text {
        top: 3px;
        right: -10px;
    }

    .d-package {
        padding: 15px 25px;
        margin: 50px auto 0;
    }

    .p-c-hold-small {
        width: 25%;
    }

    .headlines-hold {
        margin-top: 30px;
    }

    .inner .headlines-hold h2{
        letter-spacing: 1px;
        font-size: 10vw !important;

    }

    .bb-border-sep {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .flex-title-hold h2 {
        padding: 30px;
    }

    .p-c-grid {
        gap: 15px 15px;
    }

    .flex-cont-hold {
        padding: 30px;
    }

    .flex-container {
        grid-template-columns: 1fr;
    }
    
    .pink, .blue, .yellow, .orange, .teal, .purple {
        grid-column: 1;
    }
    
    .pink {
        grid-row: 1 / 3;
    }
    
    .orange {
        grid-row: 3 / 6;
    }
    
    .teal {
        grid-row: 6 / 8;
    }
    
    .blue {
        grid-row: 8 / 13;
    }
    
    .purple {
        grid-row: 13 / 16;
    }
    
    .yellow {
        grid-row: 18 / 22;
    }

    
    .author-img {
        width: 45px;
    }

    .art-info {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .author-hold {
        border-right: 0px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 15px;
        padding-right: 0px;
        width: fit-content;
    }

    .blog.ver-b .art-cont h3 {
        font-size: 20px;
    }
    .blog.ver-b .art-cont h2 {
        font-size: 25px;
        line-height: 2rem;
    }

    .blog .cbb-hold .teas-back-stat {
        max-width: 70%;
        margin: auto;
    }

    .backspace {
        right: -60%;
    }

    .cbb-hold {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .head-pos-hold-all {
        margin: 30px auto;
    }

    .ver-b .head-blog .inner_main_title h1, .head-blog .inner_main_title h1{
        font-size: 35px;
        line-height: 2.7rem;
    }

    .inner.blog.ver-b .inner_main_title {
        padding-top: 0px !important;
    }

    .ver-b .head-blog {
        margin-top: 60px;
    }

    .blog .sidebar{
        display: none;
    }

    .blog-cont-grid {
        grid-template-columns: 1fr;
    }

    .head-pos-hold {
        grid-template-columns: repeat(1, 1fr);
    }

    .cta-bottom-blog{
        padding: 30px;
        margin-bottom: 30px;
    }

    .hold-cont-teaser {
        margin-bottom: 50px;
    }

    .bb-hold {
        padding-top: 80px;
    }

    .mx .sign_up_btn {
        padding: 4px 10px !important;
    }

    .mx .navbar, .mx .is-sticky .navbar {
        padding: 0.5rem 0px;
    }

    .mx .log-sign-btns{
        display: block;
    }

    .x-grid-bg{
        display: none;
    }

    .mx .footer-area .container {
        padding: 30px;
    }

    .mx .single-footer-widget {
        margin-bottom: 0px;
    }

    .mx .copyright {
        padding-top: 40px;
        justify-content: center;
    }

    .mx .ligal_bottom {
        text-align: center;
        grid-template-columns: 1fr;
    }

    .mx .footer-area .navbar-brand {
        width: 100%;
    }

    .mx .inner_main_title {
        padding-bottom: 40px;
    }

    .owl-stage{
        margin-top: 30px;
    }


    .inner.mx .footer-area {
        margin-top: 0;
        padding: 0;
    }

    .sub-desc {
        margin: 50px auto;
    }

    .ve-con-carou h3{
        font-size: 23px;
    }

    .vi-mob-hold {
        margin-bottom: 10px;
    }
    .hold-val {
        grid-template-columns: 1fr;
    }
    .val-elem{
        display: none;
    }

    .circlegrid-mob .small{
        transform: scale(0.7);
    }

    .circlegrid-mob .medium{
        transform: scale(0.85);
    }

    .center-x-teaser h3 {
        margin: 15px 0;
    }

    .center-x-teaser h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .mx .menu-toggle {
        display: none;
    }

    .mx .top-main-logo {
        height: 30px;
    }

    .xteser {
        height: auto;
        margin-bottom: 15px;
        padding: 60px 15px 30px;
    }

    .image-container {
        height: auto;
        padding: 0;
    }

    .circlegrid-mob {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        width: 95%;
    }

    .circlegrid-mob div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .circlegrid-mob img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        line-height: 26px;
        object-fit: cover;
        transition: opacity 1s ease-in-out, transform 0.5s ease-in-out;

    }

    .circlegrid-top, .circlegrid-bottom, .circlegrid-right, .circlegrid-left{
        display: none;
    }

    .inn-box.ib-teaser {
        padding: 30px;
    }

    .center-x-teaser {
        padding: 0px;
        height: fit-content;
    }

    .grid-title {
        display: grid;
        width: 100%;
        transform: scale(0.8);
    }

    .bigtitlle {
        font-size: 9vw !important;
        letter-spacing: 12px;
    }

    .xbig {
        font-size: 22.5vw !important;
    }

    .smalltitle {
        font-size: 3.8vw!important;
    }


    .centergrid-teaser {
        grid-template-columns: 1fr;
    }

    .inn-box.ib-teaser.dyn-time {
        padding: 30px 0px;
    }

    .x-content-hold {
        border-radius: 30px;
    }

    .inn-box.ib-top {
        padding: 30px;
    }

    .inn-box {
        border-radius: 30px;
        padding: 30px;
    }

    .mx .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .inn-box-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .log-sign-btns{
        display: none;
    }

    .inner.mobsdk .inner_main_title {
        padding: 0px 10%;
    }


    .sdkplat-grid {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        gap: 40px;
    }

    .sgi-btn {
        width: 100%;
        justify-content: space-between;
    }


    .rtbdoc-click {
        margin-top: 40px;
    }

    .pit-page .sec-marg {
        margin-top: 0px;
    }

    .mob-ric.rtb-inner-cont{
        border-top: 0px solid #b2b8d6;
        border-bottom: 1px solid #b2b8d6;
        padding-bottom: 40px;
        margin-bottom: -1px;
    }

    .rtb-lines-hold {
        margin-top: -1px;
        grid-template-columns: 1fr;
        gap: 0px;
        margin-top: 20px;
    }

    .rtb-inner-cont {
        border-top: 0px solid #b2b8d6;
        border-bottom: 0px solid #b2b8d6;
        padding: 8px 0;
    }

    .ott-grid.pa-mob-teasers{
        margin-top: 20px;
    }

    .lm-mob{
        margin: 0px auto;
    }

    .lm-desk{
        display: none;
    }

    .pa-desk-teasers{
        display: none;
    }

    .pa-mob-teasers .effect {
        margin: 30px auto;
    }


    .code-banner-hold .cen_teaser {
        max-width: 100%;
    }

    .cen_teaser {
        max-width: 50%;
    }

    .mobsdk .footer-area {
        padding-top: 30px;
    }

    .mob-size-mars {
        max-width: 80%;
    }

    .mobsdk .teas-hold-in{
        max-width: 90%;
    }

    .global-app-secure {
        max-width: 45px;
    }

    .global-ban-vid-hold .global-app-secure {
        left: 0;
    }


    .mob-size-mars {
        padding: 0px;
    }

    .bord-box h2 {
        margin-bottom: 20px;
    }

    .mobsdk .bord-box p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 25px;
    }

    .mobsdk .ci-in {
        padding: 30px;
    }

    .mobsdk .sec-marg{
        overflow: hidden;
    }

    .mob-padding-mars{
        padding-top: 10%;
        margin-top: -10px;
    }

    .inner.mobsdk .inner_main_title {
        padding-top: 80px;
    }

    .mobsdk .sec-marg {
        margin-top: 20px;
    }

    .mars_vid {
        max-width: 80%;
    }

    .ff_mars {
        max-width: 80%;
    }

    .bottom-mars-cont {
        margin: -40% auto 0;
    }


    .dark_side {
        opacity: 0.95;
        width: 130%;
        height: 250%;
        transform: translateX(-50%);
        margin-left: 50%;
        top: -10%;
    }

    .integ-content-hold {
        border-left: 0px solid #d9dceb;
        padding-left: 0;
        padding-bottom: 50px;
        margin-top: 0px;
        width: 100%;
    }

    .accordion {
        width: 100%;
        margin: 0px auto 20px;
        position: relative;
    }

    .integ-hold {
        display: grid;
        grid-template-columns: 100%;
        gap: 50px;
        padding-top: 100px;
    }

    .cen_teaser {
        max-width: 40%;
    }


    .se-icon {
        height: 50%;
        padding-right: 15px;
        filter: 
        drop-shadow(-0.1px -0.1px 0px #001478)
        drop-shadow(0.1px -0.1px 0px #001478)
        drop-shadow(0.1px 0.1px 0px #001478)
        drop-shadow(-0.1px 0.1px 0px #001478)
    }

    .ico-circles {
        width: 100%;
        left: 0;
        top: -20px;
        right: 0;
        bottom: 0;
    }

    .se-bar {
        width: calc(85% - 20px);
    }



    .inner .inner_main_title .searchbars h2 {
        font-weight: 500;
        letter-spacing: 0px;
        height: 45px;
        display: flex;
        margin: auto 20px;
        font-size: 4vw;
        word-spacing: 1px;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: visible!important;
        margin: 0px 20px 0px 0px!important;
        padding: 0;
    }


    .ser-box h3.AppAnim {
        transform: translate(0px, 0px);
        margin-top: 10px;
    }

    .ser-box h3{
        font-size: 14px;
        line-height: 22px;
        opacity: 1;
        margin-top: 10px;

    }

    .carousel-mob.container-lp-full{
        padding: 0px;
        overflow: hidden;
    }

    .ser-app {
        transform: scale(1);
        border-radius: 40px;
        filter: drop-shadow(0px 0px 20px rgb(17 77 214 /0.0));
    }

    .lp .btn-more-a {
        width:200px!important;
    }

    .cont-hold-dim{
        flex-wrap: wrap-reverse;
        display: flex;
    }

    .dimond_blue {
        max-width: 50%;
        display: flex;
        margin: 0px auto 30px;
        margin-top: -60px;
    }

    .footer-lp{
        text-align: center;
    }

     .footer-lp .copyright {
        justify-content: center;
    }

   .more-ser-grid{
        display: none;
    }


    .lp-form {
        width: 100%;
        margin: 0 auto;
    }

    .container-lp-grid {
        padding-top: 30px;
    }

   .container-lp.pt-40{
        margin: 30px auto 0px!important;
   }


    .cont-yell{
        width: 100%;
        font-size: 5.5vw;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .lp .top-main-logo {
        height: 60px;
    }

    .lp .container-lp-grid h1 {
        font-size: 6.5vw;
        line-height: 4.5vh!important;
        letter-spacing: 5px;
        margin: 20px 0;
        padding-left: 0px;
    }


    .container-lp .ci-dark {
        padding: 30px;
    }

    .container-lp-full {
        width: 100%;
        padding: 0 20px;
    }

    .lp .shild-ico {
        position: inherit;
        transform: scale(1);
        margin-top: auto;
        max-width: 100%;
        padding: 0px;
    }

    .lp .app-cat-top {
        max-width: 100%;
        margin-left: auto;
        transform: translate(0px, 0px);
        display: flex;
        padding: 0px;
    }

    .top-teas-elem {
        max-width: 100%;
        margin-left: auto;
        display: flex;
        padding: 0px;
        margin: auto;
        margin-top: 20px;
    }

    .container-lp-grid.lp-mob {
        display: grid;
        grid-template-columns: 15% 27% 32% 15%;
        padding-top: 60px;
        justify-content: center;
        gap: 2%;
    }

    .lp-desk{
        display: none;
    }

    .top-teas-elem-woman {
        position: inherit;
        max-width: 100%;
        border-radius: 200px;
        animation-delay: 1s;
        opacity: 0;
        margin-top: -30px;
    }

    .blue-grad_circle {
        width: 100%;
        height: 1000px;
    }

    .container-lp{
        width: 100%;
        padding: 0px 20px;
        margin: 40px auto 0px;
    }

    #ctm .sectionsContainer{
        display: none;
    }

    .head-blog .inner_main_title .date-post {
        font-weight: 300;
    }

    .con-in-inf h2{
        padding-top: 0px;
    }
    
    .ctv-padd {
        padding: 20px;
        margin: auto 0;
    }

     .cep-cent-horiz{
        height: 50px;
        width: 100%;
        border-top: solid 1px #47b7e4;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    



    .teas-hold-desc.mob-ads-gr.bord-radius-top {
        display: flex;
        flex-direction: column-reverse;
    }

    .thd-padd {
        padding: 20px;
        margin-top: 20px;
    }

    .tvmob-des p{
        margin-top: 20px;
    }


    #ctm .main-cont-hold {
        gap: 20px;
    }

    .step-arr {
        width: 100px;
        padding: 30px;
        transform: rotate(90deg);
    }

    .hiw-group .oco-tea {
        max-width: 70%;
        padding-top: 20px;
    }

    #ctm .parallax_scroll_a, .parallax_scroll_b, .parallax_scroll_c {
        transform: translate3d(0px, 0px, 0px)!important;
    }


    .vidgraphcont {
        width: 50%;
        top: 75%;
        right: 0;
    }

    .vidgraph {
        max-width: 100%;
    }

    .spaceship {
        max-width: 200%;
        margin: 35% -50%;
        border-radius: 8px;
    }

    .headphones {
        max-width: 230%;
        margin: 110% -100%;
        border-radius: 8px;
    }
    .watch {
        max-width: 230%;
        margin-top: 210%;
        margin-left: -60px;
        border-radius: 8px;
    }

    .ci-blue{
        padding: 30px;
        height: 50%;
    }

    .hiw-group {
        grid-template-columns: 100%;
    }

    .hiw-group .ci-dark {
        padding: 20px 20px 30px 20px;
        flex-direction: column;
        display: flex;
    }

    .ac-group .apple-table .at-in {
        padding: 20px;
        height: auto;
    }

    .ac-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .tvmob-des {
        margin-top: 30px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }


    .tv-mob-mov {
        grid-template-columns: 100%;
    }

    .ctm_title {
        font-size: 2.2rem;
        font-weight: 900;
        line-height: 3rem!important;
        position: inherit;
        letter-spacing: 5px;
        margin-left: 5px;
        margin-top: 110px;
}

    .ctm .sectionsContainer{
        display: none;
    }

    .teas-hold-desc.onlytxt{
        width: 100%;
    }

    .fly-app-a {
        right: 50%;
        bottom: 65%;
    }

    .fly-app-b {
        right: 5%;
        bottom: 98%;
    }

    .oco-box h3 {
        margin-top: 30px;
    }

    .oco-tea {
        max-width: 80%;
    }

    .oco-box {
        padding: 0px 0px 30px 30px;
    }

    .apple-s .app-teas h3{
        width: 100%;
    }
    

    .apple-s .aud-group {
        gap: 20px;
    }

    .apple-table .at-in-title {
        padding: 25px;
    }

    .apple-table .at-in {
        padding: 25px;
        height: auto;
    }

    .appl-group {
        grid-template-columns: repeat(1, 1fr);
    }


    .apple-s .ben-icon-hold .des-big{
        margin: auto;
    }


    .map-container {
        margin-top: 50px;
    }

    .ben-icon {
        max-width: 40px;
        height: auto;
        margin-bottom: 20px;
        margin: auto 0;
    }

    .apple-s .ben-icon-hold {
        margin-top: 20px;
        display: grid;
        grid-template-columns: 20% 79%;
        justify-content: space-between;
        gap: 1%;
        width: 100%;
    }

    .apple-s .rtb_ic_grid {
        justify-content: center;
        gap: 0px;
    }

    .container.flow.mob-pos{
        overflow: initial;
    }

    .back_mob {
        max-width: 95%;
    }


    .all-mob-apps {
        right: 0;
        left: -8px;
        bottom: -25px;
        max-width: 107%;
    }

    .app-teas {
        justify-content: flex-start;
        width: 100%;
    }

    .apple-s .app-teas p {
        width: 100%;
        margin-top: 30px;
    }

    .apple-s .mob-adv-grid {
        gap: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .apple-s .tt-hold-all {
        height: 680px;
        padding: 30px;
    }

    .tt-back-left, .tt-back-right{
        display: none;
    }


    .back-tt-people {
        position: inherit;
    }

    .tt-back-people-mob{
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 100%;
        opacity: 0.5;
    }

    .aa-bull-doul, .aa-bull-thr {
        gap: 30px;
        padding: 20px;
        display: grid;
        grid-template-columns: 50px 1fr;
        width: 100%;
        border-bottom: 1px solid #001478;
    }


    .aa-bull-hold {
        display: grid;
    }

    .aa-cont-hold p{
        letter-spacing: 0.2px!important;
    }

    .aa-logo {
        max-width: 60%;
        margin-bottom: -20px;
    }

    .aa-text h1 {
        width: 100%;
        margin: -40px auto -18px!important;

    }

    .teas-hold-desc.otc {
        width: 100%;
    }

    .con-in-inf.aa-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .tt-hold-all {
        height: auto;
    }

    .tt-hold {
        position: relative;
        transform: scale(1);
    }

    .aa-cont-hold {
        grid-template-columns: 100%;
        gap: 100px;
    }

    .left-yel-border{
        padding-right: 0%;
    }


    .yel-teaser-cta {
        width: 100%;
    }

    .yell-bull {
        margin-bottom: 50px;
    }

    .mob-right-comp-b {
        margin-bottom: 30px;
    }

    .hand-left-hold {
        margin-top: 90px;

    }


    .ban_mov{
        max-width: 100%;
    }

    .aud-icon {
        height: 60px;
    }

    .ci-yell .start_btn_inner_bottom.btn_dark {
        letter-spacing: 2px;
    }

    .adv-sol .mt-20{
        margin-top: 5px;
    }

    .adv-sol .mb-20{
        margin-bottom: 10px;
    }

    .adv-sol {
        padding: 20px 0;
    }

    .sin-hold {
        padding-bottom: 30px;
    }

    .sin-hold h3{
        padding-bottom: 30px;
    }

    .sin-hold .sin-icon{
        padding-top: 30px;
    }

    .sin-icon {
        width: 110px;
    }

    .adv-sol h1 {
        font-size: 2.2rem;
    }

    .ba_vid {
        height: 400px;
        overflow: hidden;
        margin-top: 20px;
        -webkit-mask-image: -webkit-gradient(linear, left 20%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    }

    .ci-dark.ban-roll-all {
        padding: 0px 30px;
    }

    .ma-bull {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
    }

    .pa-bullets .ma-bull p{
        line-height: 30px;
    }

    .madv-hold .ci-in {
        padding: 0px;
    }

    .mob-adv-grid {
        display: flex;
        flex-direction: column-reverse;
        gap: 0%;
    }

    .mob-right-comp-a {
        transform: translate(-50%) scale(0.50);
        margin-left: 50%;
        margin-top: -180px;
        margin-bottom: -150px;
    }

    .people_hold {
        transform: scale(1);
    }

    .amb{
        background-image: url(../img/circles_bg_d.jpg);
        background-size: contain;
        background-position: center 2%;
        background-repeat: no-repeat;
    }

    .teas-amb-bg-mob {
        position: absolute;
        max-width: 3000px;
        right: -300px;
        top: -100px;
        z-index: -2;
        overflow: hidden;
    }

    .tab-desk{
        display: none;
    }

    .amb .start_btn_inner_bottom.btn_dark {
        font-size: 0.8rem;
    }

    .amb .ci-dark {
        padding: 20px;
    }

    .amb-bottom-cal h2 {
        width: 100%;
    }

 
    .of{
        overflow-x: hidden;
    }


    .pers-slide {
        bottom: auto;
    }

    .amb-teaser-grid h3{
        font-size: 16px;
        line-height: 22px;
    }

    .inner.amb .inner_main_title {
        padding-top: 70px;
    }

    .amb-bull p {
        margin-top: 10px;
    }

    .amb-bull h2{
        text-align: center;
    }

    .people-amb {
        max-height: 170px;
        margin-bottom: 20px;
        margin: 0px auto 20px;
        display: flex;
    }

    .pers-hold{
        height: 420px;
    }

    .elm_hold {
        height: 420px;
        top: 0;
        bottom: 0;
        transform: scale(0.9);
    }

   .pers-back {
        display: none;
    }

    .amb-teaser-grid h3 {
        width: 100%;
        margin-top: 0;
        margin-bottom: auto;
    }


    .amb-teaser-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
        height: auto;
        gap: 40px;
    }

    .amb-group {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        margin-top: 30px;
    }

    .hold-title-year{
        margin: auto 0;
        text-align: left;
    }
    
    .inner .hold-title-year h2{
        font-size: 25px;
    }

    .logo-title-event{
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 20px;
    }

    .pop-title-desk{
        display: none;
    }

    .inner.event-page .inner_main_title.prog {
        padding-top: 80px;
    }


    .event-pop-logo h2{
        text-align: left;
        margin-left: 0px;
    }

    .logo-title-event p {
        font-size: 16px;
        margin-top: 5px;
    }

    .logo-title-event h3 {
        font-size: 16px!important;
        line-height: 20px;
    }

    .event-pop-logo {
        padding: 20px;
        height: 100px;
    }

    .event-hold-form {
        padding: 20px 0px;
        width: 88%;
        margin: auto;
    }
    .event-pop-logo .mb-50{
        margin-bottom: 0px;
    }

    .event-pop-hold .event-logo {
        padding: 8px;
        border: 0px;
    }

    .event-pop-hold .modal-body {
        display: grid;
        grid-template-columns:1fr;
        padding: 0px;
        border-radius: 16px;
        overflow: hidden;
    }

    .ms-title{
        margin-top: 30px;
        margin-bottom: -20px;
    }

    .solar-system{
        opacity: 0.8;
        transform: scale(1.5);
    }

    .solststem {
        margin: auto;
    }

    .head-blog .inner_main_title .blo-sub {
        margin-top: 40px;
    }

    .inner.blog .inner_main_title {
        padding-top: 100px!important;
    }

    .blo-group {
        gap: 20px 0px;
    }



    .inner .inner_main_title.va {
        padding-top: 100px;
    }



    .bb-desc-in {
        display: grid;
        grid-template-columns: 1fr;
    }


    .inner h2 {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: 12px;
    }

    .ci-mobile h2 {
        font-size: 1.8rem;
        letter-spacing: 8px;
        line-height: 40px;
        z-index: 1;
        position: relative;
    }

    .teas-back-stat {
        margin: auto;
        display: flex;
    }

    .bott-col {
        padding-bottom: 40px;
    }

    .inner .footer-area {
        margin-top: 40px;
    }

    .inner.event-page .footer-area {
        padding-top: 40px;
        margin-top: 0px;
    }


    .ci-in-bord-bottom{
        margin-top: 0px!important;
    }

    .cont-in {
        width: 100%;
        padding: 0px;
    }

    .gr-icon {
        height: 50%;
    }

    .bott-col{
        margin-top: 40px;
    }

    .footer-area .container {
        padding-top: 0px;
    }

    .ctv-hold-img{
        margin-top: 40px;
    }


    .pos-des ul>li {
        font-size: 16px;
        line-height: 22px;
    }

    .pos-cont-hold {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .not-f-con {
        display: grid;
        height: 100px;
        width: 100%!important;
        align-items: center;
        text-align: center;
        margin: auto;
    }

    .gro-group {
        margin-top: 20px;
    }

    .gl-cont {
        height: 90px;
        text-align: center;
    }

    .gro-bor {
        padding: 40px 20px;
        margin-left: -1px;
        width: 50%;
        margin-bottom: -1px;
    }


    .blo-group {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .sec-marg.mb-100{
        margin-bottom: 20px;
    }

    .bg-img-car {
        background-image: url(../img/space_bg_mob_b.jpg);
        background-size: contain;
        background-position: right top;
        background-color: #01061a;
    }

    .car-window {
        margin-top: 50px;
    }

    .car-top h3 {
        padding-left: 0;
        padding-right: 0;
    }

    .car-bottom {
        width: 90%;
        margin-bottom: 0px;
    }

    .car-arr {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .car-desc {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .car-tes {
        padding: 0 20px;
        margin-top: 40px;
    }

    .car-exp {
        width: 100%;
        margin-top: 20px;
    }

    .car-top {
        border-radius: 0px 0 20px 20px;
    }

    .time-desc{
        max-width: 100%;
        margin-right: 20px;
    }

    .time-line-cent-start, .time-line-cent-end {
        right: auto;
        margin-left: -20px;
    }

    .sectionsContainer .container{
        overflow: visible;
        padding-left: 20px;
        padding-right: 0px;
    }


    .wrapper-brandBook.container {
        padding-left: 20px;
        padding-top: 40px;
    }

    .dot-date {
        flex-direction: column;
        width: 10px;
        margin-left: -25px;
        z-index: 1;
    }


    .time-line-cent {
        left: 0;
        right: auto;
        margin-left: -20px;
    }

    .ic-tit h3 {
        margin: auto 0;
    }

    .ic-tit {
        margin-bottom: 20px;
    }

    .ov-grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 20px 0;
    }

    .medal {
        margin-bottom: 20px;
    }

    .exp-all-in h2 {
        font-size: 1.3rem!important;
        margin-bottom: 0px;
    }

    .ex-space-bg {
        width: auto;
    }

    .exp-hold {
        border-radius: 16px;
        height: 300px;
    }

    .mb {
        margin-top: 0px;
    }

    .ps {
        height: 35px;
    }

    .vid-cor-left, .vid-cor-right {
        width: 40px;
    }

    .mob-marg{
        margin-top: 80px;
    }

    .start_btn_ctv {
        width: 48%;
        letter-spacing: 1px;
        font-size: 10px;
        height: 50px;
    }

    .redplay {
        max-width: 100%;
        margin-left: auto;
        border-radius: 12px;
        position: relative;
        margin-top: 90px;
    }

    .cat-screen-hold {
        display: none;
    }

    .cir-categ {
        display: grid;
        gap: 10px;
        padding-top: 130px;
        width: 110%;
    }

    .tv-ctv-hold {
        margin-top: -230px;
        transform: translateY(290px);
        animation-delay: calc(var(--scroll) * -0s);
    }

    .teas-hold-desc-va.ctv-top-grid h3 {
        padding-bottom: 0px;
    }

    .btn-group {
        display: flex;
        justify-content:space-between;
        gap: 10px;
        display: flex;
    }

    .teas-hold-desc-va.ctv-top-grid {
        gap: 60px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .dots-text-dark {
        background-size: 0;
    }

    .tv_scr-hold {
        width: 100%;
        border: 2px solid #8b8a8a;
    }

 
    .tv_scr {
        max-width: 100%;
        display: flex;
    }

    .ci-ctv {
        padding: 30px;
    }

    .ctv-in-con h3 {
        margin-top: 30px;
        width: 100%;
    }

    .ci-ctv-in .con-in-inf-title h3 {
        margin-bottom: 0px;
        width: 100%;
    }

    .vid-in .des-big-main {
        width: 100%;
    }

    .in-vid-cor {
        width: 50%;
    }

    .ci-ctv-in {
        padding: 30px;
    }

    .teas-hold-in {
        max-width: 80%;
    }

    .teas-hold-desc.mob-ads-gr {
        grid-template-columns: repeat(1, 1fr);
        margin-top: -1px;
        margin-bottom: 0px;
        gap: 60px;
        padding: 20px;
    }

    .btn-more-f{
        width: 100%;
    }

    .lr-ic-big {
        max-width: 60%;
    }

    .mob-ads-gr {
        padding: 20px;
    }

    .btn-more-a {
        width: 100%!important;
    }

    .ci-mobile-cont {
        width: 100%;
        margin-top: 50px;
    }

    .mob-top-front {
        position: relative;
    }

    .cont-in.ci-mobile {
        padding: 30px;
    }

    .gol-doul {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .mob-hold-teas {
        margin-top: 60px;
        margin-bottom: -40px;
        transform: scale(0.8);
    }

    .footer-bottom {
        margin-bottom: 0px;
    }

    .fot-social {
        justify-content: start;
        margin-top: 40px;
    }

    .fot-logo {
        height: 60px;
    }

    .footer-area .menu-title {
        line-height: 1em!important;
    }

    .os-grid{
        margin-top: -15px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
    }
    

    .spaceship-hold {
        margin-top: 0px;
        margin-bottom: 0px;
    }


    .footer-nav.os-w{
        width: 100%;
    }

    .foot-grid {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        gap: 50px 8%;
    }

    .footer-nav{
        width: 45%;
    }
    
    .os-grid{
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 2%;
    }

    .single-footer-widget{
        width: 100%;
    }

    .teas-hold-img {
        margin: auto;
        overflow:visible;
        margin-top: 40px;
    }


    .phone_hold {
        transform: translateX(-50%)scale(1.7);
        margin-top: auto;
        margin-left: 50%;
        margin-bottom: auto;
        display: flex;
    }


    .ci-dark .teas-hold-desc p {
        margin-top: 50px;
        width: 100%;
    }

    .logos-grid {
        margin-top: 0px;
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 60px 15%;
    }

    .teas-hold-desc{
        width: 100%;
        margin-top: 20px;
    }

    .con-in-inf {
        flex-wrap: wrap;
    }

    .cont-in .con-in-inf {
        margin-top: 0px;
    }

    .aud-playr {
        filter: drop-shadow(0px 0px 5px rgb(71 183 228 / 75%));
    }

    .gall-img-a {
        width: 38%;
        height: 100%;
        margin: 0px auto 0px;
        border-radius: 0 12px 12px 0;
    }

    .gall-img-b {
        width:67%;
        height: 100%;
        margin: 0px auto 0px;
        border-radius: 0 12px 12px 0;
        
    }

    .gall-img-c {
        width: 56%;
        height: 100%;
        margin: 0px auto 0px;
        border-radius: 12px 0 0 12px;
    }

    .gall-img-d {
        width: 27%;
        height: 100%;
        margin-top: auto;
        border-radius: 12px 0 0 12px;
    }


    .gh-mob.gall-hold{
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .gh-desk{
        display: none;
    }

    .aud-a {
        width: 50%;
        bottom: 50%;
        left: 0%;
    }

    .aud-b {
        width: 30%;
        top: 5%;
        left: 50%;
    }

    .aud-c {
        width: 50%;
        right: 0%;
    }

    .aud-box h3 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .aud-group {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        margin-bottom: 20px;
    }

    .inner .inner_main_title{
        padding-top: 100px;
    }

    .container{
        overflow: hidden;
    }

    .video-cross-mob{
        width: 135%;
        margin-left: -50px;
        overflow: hidden;
    }

    .vid-cross-desk{
        display: none;
    }

    .part_logos {
        width: 90%;
        padding: 10%;
    }
    .part_logos.pl_big_b {
        width: 40px;
    }

    .part_logos.pl_big {
        width: 60px;
    }

    .logo-gr {
        height: 60px;
    }

    .adv-logos-gal .logos-grid {
        margin-top: 50px;
        grid-template-columns: repeat(4, 1fr);
    }

    .banner_vid {
        width: 100%;
        margin-bottom: -30px;
        transform: scale(0.8);
    }


    .ci-dark .teas-hold-desc.w-bull h3 {
        margin-top: 20px;
    }

    .ci-dark {
        padding: 30px;
    }

    .flexdimon {
        flex-direction: column;
    }

    .vid-adv-bull {
        padding: 30px;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 10px;
    }


    .vid-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .va-bull.con-in-inf {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        gap: 15px 15px;
    }

    .va-bull.con-in-inf h3{
        margin: auto;
    }

    .teas-hold-desc-va h3 {
        width: 100%;
        padding-bottom: 30px;
    }

    .ci-in {
        padding: 30px;
    }

    .inner_main_title.va h2 {
        margin-top: 30px;
        width: 100%;
    }

    .solgrow {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bott-col h3 {
        padding-left: 5%;
        padding-right: 5%;
        line-height: 30px!important;
    }


    .vid-adv-box h3 {
        font-size: 25px;
        margin-top: 20px;
    }

    .vid-icon {
        margin-bottom: 0px;
        height: 90px;
    }

    .vid-adv-box {
        padding: 30px;
    }

    .vid-adv-box p {
        width: 100%;
    }

    .con-in-inf-title {
        padding-bottom: 20px;
    }

    .rtb-group {
        grid-template-columns: repeat(1, 1fr);
    }



    .green-hold .des-big {
        margin-top: 15px;
        font-size: 15px;
    }

    .rtb_ic_grid {
        margin-top: 20px;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 0px;
    }

    .green-hold {
        width: 33.33%;
        padding: 5%;
        display: flex;
        flex-direction: column;
        border-left: 0px solid #001478;
    }

    .adv-logos-gal h3 {
        margin-top: 50px;
    }

    .ci-rtb {
        padding-bottom: 40px;
    }

    .des-big {
        font-size: 18px;
        line-height: 28px!important;
        width: 100%;
        margin-bottom: 0px;
        font-weight: 500;
        text-align: left;
    }

    .main-cont-hold {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    .rtb-flow-vid {
        margin-bottom: 50px;
    }

    .inner .inner_main_title p {
        font-size: 13px;
    }

    .inner .inner_main_title.prog {
        padding-top: 100px;
        padding-left: 0%;
        padding-right: 0%;
    }


    .prog h3 {
        padding-left: 5%;
        padding-right: 5%;
        font-weight: 400;
    }

    .inner_main_title.prog h2 {
        margin-top: 30px;
        margin-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }


    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 30px;
        border-radius: 16px;
    }



    .menu-links{
        margin-top: 20px;
    }


    .menu-links .dropdown-item{
        padding: 5px 0;
        font-size: 16px;
        color: #001478;
        font-weight: 400;
    }

    .men-bord {
        width: 1px;
        border-radius: 1px;
        margin-right: 20px;
    }

    .mob .dropdown-menu a {
        padding: 6px 6px 6px 0px;
    }


    .drop-group h2 {
        margin-top: 15px;
    }

    canvas{
        height: 700px;
    }

    .des-big-main {
        margin-top: 30px;
    }

    .teaser-mob .effect {
        width: 100%;
    }

    .sec-marg {
        margin-top: 40px;
    }

    .sol-group-a, .sol-group-b, .sol-group-c, .sol-group-d, .sol-group-e, .sol-group-f {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .index_dark .teas-hold-desc {
        padding: 30px;
        width: 100%;
    }

    .outin-glow {
        box-shadow: inset 15px 0 20px rgb(71 183 228 / 14%), inset -15px 0 20px rgb(71 183 228 / 14%), -15px 0 20px rgb(71 183 228 / 14%), 15px 0 20px rgb(71 183 228 / 14%);
    }


    .hold-img-a {
        background-color: #26200b;
        padding: 30px;
        border-right: 0px;
        border-bottom: 1px solid rgba(253,217,0,1);
        position: relative;
        z-index: -1;
    }

    .hold-img-b {
        background-color: #0f1c1a;
        padding: 30px;
        border-left: 0px;
        border-bottom: 1px solid rgba(104,189,98,1);
        position: relative;
        z-index: -1;
    }

    .hold-img-c {
        background-color: #23102d;
        padding: 30px;
        border-right: 0px;
        border-bottom: 1px solid rgba(237,72,153,1);
        position: relative;
        z-index: -1;
    }

    .hold-img-d {
        background-color: #26190f;
        padding: 30px;
        border-left: 0px;
        border-bottom: 1px solid #ffa619;
        position: relative;
        z-index: -1;
    }

    .hold-img-e {
        background-color: #090d28;
        padding: 30px;
        border-right: 0px;
        border-bottom: 1px solid #3f59c4;
        position: relative;
        z-index: -1;
    }

    .hold-img-f {
        padding-top: 10px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 1px solid #8c62a8;
        background-color: #15142f;
        position: relative;
        z-index: -1;
    }


    .teaser-desk{
        display: none;
    }

    .start_btn_inner.btn_dark{
        background-color: rgba(71,183,228,1);
        box-shadow: 0px 0px 30px rgb(71 183 228 / 70%);
    }

    .speed_anim {
        width: 100%;
    }

    .hold-ship{
        transform: scale(0.6);
    }

    .top-main-logo {
        height: 45px;
    }
    #bg-img {
        background-image: url(../img/space_bg_mob_b.jpg);
        background-size:contain;
        background-position: right top;
        height: 600px;
}

    .index_dark .inner_main_title {
        height: 100%;
    }

    .index .default-header {
        background-color: rgba(0,0,0,0);
    }

    .index_dark .inner_main_title p {
        font-size: 18px;
        line-height: 28px!important;
        width: 100%;
    }

    .os-box-icon {
        height: 55px;
    }

    .sep-top-gra {
        margin-top: 40px;
        margin-bottom: 40px;
        height: 1px;
    }

    h3, .inner.blog h2{
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .os-box h3 {
        width: 80%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .os-group{
        display: block;
        margin-top: 40px;
    }


    .solgrow-in {
        border: 1px solid #ffffff;
        padding: 20px;
        margin-bottom: 20px;

    }

    .arti-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .arti-log {
        margin: auto;
        max-width: 100%;
        padding: 15px;
    }

    .arti-box {
        height: 110px;
    }

    .wrapper-brandBook.container.flow {
        padding-left: 15px;
    }

    .brands .tv-black-bg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fans_grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 30px;
        width: 95%;
        gap: 5px;
    }

    .fans_ic {
        margin-bottom: 5px;
    }

    .tv-blue-bg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tv-black-bg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .platmcn_desk{
        display:none;
    }

    #trailermcn{
        display: none;
    }

    .right_bull h5 {
        float: left;
    }

    .three_plat .container {
        padding-left: 15px;
        padding-right: 15px;
    }


    .philosophie{
        display: none;
    }


    .container.flow.flin  {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }


    .teasers_inn.pco .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    

    .container.flow {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .index .container.flow {
        padding-top: 20px;

    }

    .tech .container {
        padding-left: 20px;
        padding-right: 20px;
    }

 .is-sticky .navbar {
        padding: 0.2rem 20px;
    }

    .navbar {
        padding: 0.2rem 20px;
    }



    .index .navbar {
        padding: 0.2rem 20px;
    }
        .copyright {
            padding-top: 40px;
            text-align: left;
            justify-content: start;
            display: flex;
        }


    .ligal_bottom {
        gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tv-room.event-form-hold {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-top: 60px;
        padding-bottom: 10px;
    }  


    .event_grid_title {
        font-size: 35px;
        line-height: 2.8rem!important;
        width: 100%;
        margin-top: -60px;
        text-align: left;
    }

    .event_teaser {
        margin-top: 25px;
    }

    .event_cont .navbar-nav {
        display: none;
    }

    .event_logo {
        margin: 0 auto;
        margin-bottom: 0px;
        height: 120px;
    }

    .event_cont h1 {
        font-size: 40px;
        width: 90%;
        padding-top: 0px;
        padding-bottom: 50px;
    }
    

    .event_cont h5 {
        margin-top: 5px;
        font-size: 20px;
        font-weight: 700;
    }

    .event-form-hold p {
        width: 100%;
    }

    .event-form-hold h5 {
        width: 100%;
    }

    .tv-room .event_desc_teaser {
        width: 85%;
        margin-top: 0px;
        font-size: 15px;
        line-height: 1.4rem;
    }

    .event_grid_teaser{
        margin-top: 80px;
        grid-template-columns: 1fr;
    
    }

    .event_grid {
        grid-template-columns: 1fr;
    }

    .team_pho{
        width: 100%;
    }

    .team_hold .dark-main-title-sec{
        width: 70%;
    }

    .tech .news-desc{
        margin-top: 10px;
    }


    .blog-page .news-box h5{
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .nb_in {
        padding: 30px;
    }

    .tech .news-date {
        margin-top: 0px;
    }

       .slick-slide img {
        width: 110%!important;
    }

    .slide-list .slide-item {
        width: 54.5454545455vw;
        max-width: 80px;
        margin: auto;
    }

    .index_dark .navbar-collapse{
        background: #fff;
        border-radius: 8px;
    }



    .index_dark .sticky-wrapper .navbar-nav a {
        color: #000!important;
    }

    .flow-wind {
        transform: scale(0.42);
        margin-top: -30px!important;
        margin-bottom: 120px;
}

    .ctv_all.dashboard-hold{
        margin-left: 0%;
        margin-right: 0%;
    }

    .dashboard-hold.mb-100{
        margin-bottom: 1px;

    }

    .dashboard-teaser {
        padding-top: 10px;
    }

    .dashboard-teaser h5 {
        text-align: left;
    }

    .bottom-rd{
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .white_bg_bull.sec-mt{
        background-color: #ffffff!important;
        margin-left:5%;
        margin-right:5%;
    }

    .love-castift-graph-popup {
        left: 65%;
    }

    .love-castift-color-popup {
        left: 85%;
    }
    .ptr{
        height:300px;
      }

    .pack-bull {
        grid-template-columns: 1fr 8fr;
        display: grid;
        padding: 15px 0;
    }
    .pack-bull p{
        margin-top: 0px!important;
        margin-left: 15px;
    }

    .pack-grid-bull h5 {
        padding-top: 15%;
        text-align: left;
        margin-bottom: 0;
    }

    .ott-btn-demo {
        position: relative;
        margin-top: 30px;
        padding: 15px 18px;
        font-size: 18px;
        height: auto;
        width: 180px;
    }

    .ctv_all.sec-mt{
        background-color: rgba(0, 0, 0, 0);
        margin-left: 0%;
        margin-right: 0%;

    }

    .index_dark .tech p {
        font-size: 17px;
        line-height: 25px;
        font-weight: 300;
    }

    .ott-grid h5{
        margin-top: 0px;
        text-align: left;
    }

    .ott-grid .mt-30{
        margin-top: -10px!important;
    }

    .ott-grid{
        margin-top: 60px;
    }

    .ctv-box{
        margin-top: 0px
    }

    .ott-teaser {
        max-width: 104%;
    }
    .sec-mt {
        margin-top: 30px;
    }

    .dark-main-title-ott {
        font-size: 3rem;
        font-weight: 700;
    }

    .plat-img{
        filter: invert(0);
    }
    
    .plat-img-big{
        filter: invert(0);
    }
    

    .ctv_all.plat_logos {
        background-color: rgba(0, 0, 0, 0);
        margin-left: 0;
        margin-right: 0;
    }



    .start_btn_inner.btn_dark {
        padding: 12px;
        font-size: 14px;
        width: 90%;

    }

    .dark-main-title-sec{
        font-size: 25px;
        width: 100%;
        margin-top: 20px!important;
    }

    .why-love-icon {
        margin-top: 10px;
    }

    .white_bg_bull h5{
        text-align: left;
        margin-top: 5px;
        margin-bottom: -10px;
    }

    .dashboard-teaser p{
        width: 100%;
    }

    .time-bull {
        margin-top: 50px;
        grid-template-columns: repeat(auto-fit,minmax(100%,1fr));    }

    .bottom-rd {
        grid-template-columns: repeat(auto-fit,minmax(100%,1fr));        gap: 10%;
    }

    .ctv_all.white_bg_bull {
        padding-top: 50px;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 50px;
    }
    .dark-main-title-ott.vbf {
        font-size: 10vh;
        width: 100%;
        line-height: 11vh!important;
    }

    .pack-grid-bull {
        margin-left: 0px;
    }
    .dark-main-title {
        font-size: 6vh;
    }

    .dark-main-title-ott.mr-40{
        margin-right: 0px;
    }

    .pack-grid {
        grid-template-columns: 1fr;
        padding: 40px 0;
    }
    .ott-grid {
        gap: 40px;
        grid-template-columns: repeat(1, 1fr);
    }

    .index_dark .inner_main_title {
        margin-top: 20px;
    }

    .index_dark .inner_main_title h5 {
        width: 100%;
        margin: auto 0;
        font-size: 20px;
        line-height: 30px!important;
        margin-top: -20px!important;
    }


    .index_dark .inner_main_title h1 {
        font-size: 7vw;
        line-height: 9vh!important;
        font-weight: 800;
        letter-spacing: 10px;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .index_dark .desk{
        display: none;
    }
    .bb-header{
        height: 0px;
    }

   .inner_main_title.bb-mob{
        height: 50px;
        padding-top: 40px;
    }


    .ctv-form-page{
        padding-top: 0%;
    }

    .form-logo-ctv{
        margin: 0 auto;
        display: block;
    }

    .imp-teaser .inner_main_title p{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 3%;
    }

 
    .imp-tv-in{
        max-width:100%;
        margin-top: -12%;
    }

    .title-imp {
        width: 100%;
    }

    .share-blog{
        padding-bottom: 100px;
    }
    

    .blog-desc-title{
        font-size: 22px!important;
    
    }

    .btblock {
        margin-top: 10%;
        margin-bottom: 10%;
        text-align: center;
    }

    .main-blog-title{
        position: relative;
    }

    .blog_inn.mt-100 {
        margin-top: 150px;
    }

    .blog_inn .flow_title {
        margin: auto;
        padding: 0% 8% 12% 8%;
        font-size: 3.5rem;
        width: 95%;
    }

    .galit-title{
        margin-top: -60px;
        padding-bottom:40px;
    }

    .blog_inn h5{
        text-align: center;
    }

    .blog-img-in {
        width: 100%;
        float: inherit;
    }

    .blog-page .inner_main_title {
        width: 100%;
        margin-top: 10%;
    }

    .news-page .inner_main_title {
        width: 100%;
        height: 100px;
        margin-bottom: 20px;
    }

    .news-page .inner_main_title h1 {
        font-size: 2.2rem;
        font-weight: 900;
        line-height: 2.2rem!important;
        margin: auto;
        padding-left: 0%;
        padding-right: 0%;
    }

    .car-pos {
        margin-top: -30px;
    }

    .car-btn {
        width: 50%;
        margin-top: 30px;
        margin-bottom: 90px;
        
    }


    .car-title {
        font-size: 2.2rem;
        margin-bottom: 10px;
    }

    .car-f, .car-l {
        width: 25px;
    }

    .pos-line {
        display: block;
        padding: 10px 0;
    }
    .textmask {
        background-size: 145%;
        background-position: center 25%;
        margin-top: -50px;

    }

    .color_c_b {
        position: absolute;
        left: 17%;
        right: 0;
        top: 50%;
        width: 70%;
        z-index: -1;
        transition: .0s;
    }

    .color_c_a {
        position: absolute;
        left: 1%;
        right: 0;
        bottom: 45%;
        width: 95%;
        transition: .0s;
    }

    .inner_main_title.main-career {
        height: 145px;
    }
    .inner_main_title.team_head {
        height: 120px;
    }

    h6 {
        font-size: 9em;
        line-height: 0.8em!important;
    }

    .di {
		padding: 0px 0!important;
        border-bottom: 0px solid #d6dee2!important;
    }


    .footer-area .container {
        padding-left: 0px;
        padding-right:0px;
    }

    .screen-view{
        text-align: center!important;
        margin-left: auto;
        margin-right: auto;
    }

    .pap {
        font-size: 2.2rem;
        line-height: 2.2rem!important;
    }


    .mob-s-l{
        display: grid;
    }

    

    #ads-mobile{
        margin-top: -60px;
    }

    .d-flex.ai-center {
        display: inherit!important;
    }

    .advid-icon {
        width: 70px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;

    }

    .svg-icon-m{
        margin-bottom: -10px;
    }

    .ai-center {
        text-align: center;
        margin: auto;
    }

    .advid-icon-text {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }

    .advid-icon-text p{
        font-size: 20px;
    }

    #ads-desktop{
        display: none;
    }

    .thank-p {
        margin-left: auto;
        margin-right: auto;
    }
    

    .thank-your-in{
        margin-top: -20%;
    }

    .check-a, .check-b, .check-c {
        width: 200px;
    }


    .slide .content p {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 17px;
        line-height: 27px;
    }

    .colred-mob{
        width: 115px;
        margin-bottom: -15px;
    }

    .ap-title{
        text-align: left;
        margin-top: 0px;
        margin-bottom: -25px;
    }

    .edu-bottom-title {
        padding-left: 10%;
        padding-right: 10%;
    }

    .lock-edu{
        text-align: center!important;
    }

    .svod-mb{
        margin-bottom: 40px;
    }

    .live-cont-mob {
        position: absolute;
        z-index: -5;
        top: 0;
        left: 0;
        right: 0;
        max-width: 100%!important;
    }

    .lecture-live-mob{
        height: 570px;
    }

    .lecture_video_mob_front, .tv-lags-left, .live-cont {
        max-width: 70%;
        border-radius: 10px;
        margin-left: 24%;
        margin-top: 17%;
        z-index: 1;
    }

    .lecture_video_mob_back{
        position: absolute;
        max-width: 70%;
        border-radius: 10px;
        margin-left: 6%;
        left: 0;
        z-index: -1;
        bottom: 85px; 
        filter: brightness(0.5);       
    }

    .edu_teaser_img_mob{
        max-width: 100%;
    }

    .pb-teaser{
        margin-top: 10px;
    }

    
    .ap-box{
        max-width: 100%;
        margin-top: 40px;
    }

    .ap-all-boxes{
        justify-content: space-between;
        display: block;


    }

    .yt-main-btns{
        margin-top: 0px;
    }

    .live-mobile-mt{
        margin-top: 0px;
    }

    .tech .ads-bullets p {
        line-height: 20px;
    }

    .all-ads-bullets {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }

    .tech .ads-bullets .ads-group-title {
        font-size: 17px;
        margin-top: 40px;
    }

    .ads-slide {
        max-width: 100%;
    }

    .live-ev .container.flow {
        max-width: 98%;
    }

    .live-holder{
        text-align:center;
        width: 120px;
    }
    .live-cat p{
        text-align: center!important;
    }
    .live-cat{
        padding-top: 0%;
        padding-bottom: 6%;
        margin-top: -50px;
    }
    .live-white-title {
        font-size: 2rem;
        line-height: 2.5rem!important;
        margin-top: -70px;
    }

    .event-video {
        border-radius: 15px;
    }

    .live-black-bg{
        border-radius: 0px;
    }


    .teasers_inn {
        height: 100%;
    }

    .pcw-mt{
        margin-top: -20px;
    }

    .yout{
        padding-top: 0px;
    }


    .channel-holder {
        padding-bottom: 20px;
    }

    .box-btns {
        position: relative;
        bottom: 10px;
        width: 100%;
        margin: auto;
    }

    .icon-title-lib h5 {
        font-size: 28px;
    }

    .channel-list{
        padding-bottom: 10px;
    }

    .d-inquire, .d-pres {
        width: 160px;
    }

    .ctv_all .channel-subtitle {
        font-size: 18px;
        margin-top: 10px;
        line-height: 24px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .channel-logo {
        padding-top: 20px;
        max-width: 65%;
    }
    .lib-channels-icon {
        width: 80px;
        padding-right: 0px;
        margin: auto;
    }

    .d-flex.icon-title-lib{
        display: grid!important;
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .ctv_all .channel-text {
        line-height: 20px;
    }

    .d-inquire, .d-pres  {
        margin: auto;
    }

    .channel-holder {
        height: auto;
    }

    .channel-box {
        margin: 10px 5px 10px 5px;
        max-width: 100%;
        padding: 20px;
    }

    .box-btns.d-flex{
        display: grid!important;
    }

    .box-btns {
        padding-bottom: 10px;
    }

    .d-inquire {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .lib{
        margin-top: 15px;
    }

    .inner_main_title.top-title-library {
        height: 560px;
    }

    .library-desc {
        width: 99%;
        font-size: 17px!important;
        line-height: 25px!important;
    }

    .mob-top-magrin{
        margin-top: 50px;
    }

    .next-level-title{
        padding-bottom: 7%; 
    }

    .brand-left-text-teaser {
        padding: 0% 6% 6% 6%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .brands-ph {
        max-width: 95%;
    }

    .mob-rev{
        flex-direction: column-reverse;
    }

    .ctvmob-rev{
        display: flex;
        flex-direction: column-reverse;
    }

    .branded-mob{
        margin-bottom: -40px;
    }

    .inner_main_title h5{
        margin-bottom: 0px;
        margin-top: -10px;
        width: 90%;
    }
    

    .fit-img{
        overflow: hidden;
        position: relative;
    }

    .youtuber-ph {
        width: 120%;
        margin-left: -10%; 
    }

    .yt-mb{
        padding-bottom: 0%; 
        margin-top: 40px;
    }


    .for-bul-mob{
        margin-top: -20px;
    }

    .banner-box {
        margin: 4px;
        text-align: center;
    }

    .tech .banner-box p {
        font-size: 18px;
        text-align: center;
    }

    .box_banner {
        margin-bottom: 0px;
    }

    .three-banners-boxes{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        margin-top: 10px;
    }


    .tv-room .top-p-teaser{
        margin-top: 30px;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu-left-icons{
        display: none;
    }

    .start_btn_inner.fit_btn {
        padding: 12px 10px;
        width: 140px;
    }

    .tv-screen-img {
        top: -36.5%;
        width: 81.5%;
    }

    .room-desk{
        display: none;
    }

    .aud-grid{
        margin-top: 20px;
    }

    .tv-blue-bg {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tv-white-title {
        font-size: 2rem;
        line-height: 3rem!important;
        margin-top: -70px;
    }

    .tv-room .sit {
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    .sport-icon {
        height: 60px;
    }

    .sports-icons {
        margin-top: -40px;
        display: grid!important;
        grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
        margin-bottom: -60px;
    }

    .ti-box p{
        padding-right: 15px;
    }



    .three-blue-boxes h4{
        font-size: 25px;
        line-height: 30px!important;
    }
    


    .teasers_inn p{
        font-size: 16px;
        line-height: 26px;
    }


    .three-blue-boxes p{
        font-size: 18px!important;
        font-weight: 500;
        line-height: 30px!important;
        padding-bottom: 0px;
    }

    .mt-m{
        margin-top:0px;
    }

    .tb{
        margin-bottom: 30px;
    }

    .colored-icons .tech p {
        font-size: 16px;
    }

    .inner_main_title {
        height: auto;
        margin-top: 50px;  
        padding: 5%;

    }

    .blog .inner_main_title { 
        padding: 0%;
    }

    .ti-box{
        margin:3% 0% 3% 0%;
        padding-bottom: 40px;
    }

    .three-blue-boxes {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .three-color-icons {
        padding-top: 30px;
    }

    .colored-icons {
        height: 70px;
    }

    .inner_main_title h1 {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 3rem;
        margin-bottom: 0px;
        margin-top: 30px;
        margin: auto;
        letter-spacing: 5px;
        left: 5px;
    }

    .ap-video-teaser h5{
        font-size: 2.7rem;
        font-weight: 900;
        line-height: 3.2rem!important;
        margin-bottom: 0px;
        margin-top: 30px;
        margin: auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    .contact_right{
        margin-top: -40px;
      }

    .slide .content {
        width: 100%;
    }

    .top-main-title {
        font-size: 2.7rem;
        line-height: 2.7rem!important;
    }

    .b-border-none{
        border-bottom: 0px!important;
    }

    .video-adcenter{
        max-width: 100%;
        height: auto;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
        border-radius: 0px;
      }

    .mini-about{
         font-size: 15px; 
       }

    .footer-nav .mt-20{
        margin-top: 0px;
    }

    .mian-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .footer-title{
        text-align: left;
        margin-top: 20px;
        padding-bottom: 0px;
    }


    .optimized {
        padding: 0px;
    }

    .video-demo{
        box-shadow: 0 0 20px rgb(0 0 0 / 40%);
        background-color: #000;
        border-radius: 10px;
    }
    
    .footer-nav .menu-title h3 {
        font-size: 14px;
    }

    .footer-area .footer-nav li {
        font-size: 13px;
    }

    .footer-sep{
        width: 30px;
        height: 6px;
        background-color: #33bffa;
        margin-bottom: 1.5rem;
    }
    

    .mk{
        margin: 10px;
    }

    .mo-btns{
        margin-left: auto;
        margin-right: auto;
    }

    .footer-area .col-lg-1{
        padding-left: 15px;
        width: 50%;
        margin-bottom: 30px;
    }
    

    
    .os-grid-footer {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
        text-align: left;
    }

    .mk_title{
        text-align: center;
    }


    .pdf-btn{
        display: grid;
        float: center;
        margin-top: 30px;
    }


    .about-text .container{
        max-width: 90%!important;
    }
 
    .about-text .container.mt-120{
        margin-top:0;
    }
 
    
    .is-sticky .navbar-nav {
        padding-top: 10px;
    }

    .flow_title.sec-title{
        padding-top: 0px;
    }

    .tech.mt-100, .mt-80{
        margin-top: 0px;

    }

    .navbar-nav{
        overflow-y: auto;
       }


    .log-sign-btns {
        margin-left: 0px;
        position: relative;
        right: 0rem;
    }

    .menu-desk{
        display: none;
    }


    .navbar-nav {
        max-height: 100vh;
        padding-left: 0px;
    }

    #solution-dash .row{
        margin-right: 0px;
        margin-left: 0px;
    }

    .footer-area {
        padding-top: 30px;
    }
  

    #contact-us-hold .mt-150 {
        margin-top: 0;
    }

    #contact-us-hold {
        margin-top: 0;
    }

    .partners.mt-120{
        margin-top: 60px;
    }

    .partners .mb-40{
        margin-bottom: 20px;
    }

    .about .mt-120{
        margin-top: 0;
    }

    .about .ml-15{
        margin-left: 0;
    }

    .a-u{
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 5%;
    }

    

    .ctv_why_now.container {
        max-width: 100%;
    }

    .love-bullets-grid {
        grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
    }
    .love-bullets-grid .mb-20 {
        margin-bottom: 20px;
    }

    .in-b-text {
        margin-right: 0px;
    }

    .ctv_all.screens {
        margin-bottom: 0px;
    }

    .love-desk{
        display: none;
    }

    .player_gif {
        max-width: 100%;
        border-radius: 10px;

    }

    .ctv_all {
        margin-left: 5%;
        margin-right: 5%;
        border-radius: 15px;
    }

    .tv-room {
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: 5%;
        margin-right: 5%;
        border-radius: 15px;
    }

    .ap-video-teaser {
        padding: 20% 0% 20% 0%;
    }


    #video-demo {
        border-radius: 15px;
    }

    .remote-control-right {
        right: 0%;
        padding-top: 40%;
    }

    .remote-control {
        max-width: 35%;
        border-radius: 5px;
    }

    .streamer-box {
        max-width: 65%;
        margin-top: 30px;
    }

    .optimized {
        margin-top: 0px;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .container.flow_icons_mob{
        padding-right: 3%;
        padding-left: 3%;
    }

    .flow_title{
        margin-top: 0px;
        padding-top: 40px;
        text-align: center;
    }

    .ctv-in.title.text-left{
        text-align: center!important;
    }

    .ctv-in .pt-80{
        padding-top: 40px;
    }

    .ctv-icons {
        height: auto;
        width: 50px;
        margin-right: 20px;
    }

    .ctv-icon-all {
        margin-bottom: 40px;
        padding: 4%;
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .ctv-icon-in{
        display: flex;
        align-items: center;
        padding-right: 0%;
    }

    .ctv_all p {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 0px;
    }

    .tv-room p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 0px;
    }

.slide:first-child {
        background: url('../img/main_teaser_a_mob.jpg') no-repeat;
        }
        .slide:nth-child(2) {
        background: url('../img/main_teaser_b_mob.jpg') no-repeat;
        } 

        .slide:nth-child(3) {
        background: url('../img/main_teaser_c_mob.jpg') no-repeat;
        } 
   

    .slide{
        height: 790px;
        background-size: 95%!important;
        background-position: right bottom!important;
    }



    .slide .content h1 {
        font-size: 2.2rem;
        font-weight: 900;
        line-height: 2.5rem!important;
        margin-bottom: 0px;
        margin-top: 15px;
        width: 100%;
    }


    .slide .content {
        position: absolute;
        top: 11%;
        padding: 5%;
        text-align: center;
        left: 0;
        right: 0;
    }

    .slider {
        position: relative;
        overflow: hidden;
        height: 840px;
    }

    .buttons {
        margin-top: 50px;
        margin: auto;
        padding-top: 20px;
    }

    .two-btns {
        width: 70%;
        margin: auto;
    }

    .all-slide-buttons {
        position: absolute;
        top: 38%;
        right: 0;
        left: 0;
    }

    .bottom-text .copyright {
        padding-top: 20px;
    }

    .palyer-vid {
        background-size: auto;
    }

    .palyer-vid h2{
        font-size: 4vw;
        margin-top: 10%;
    }
    .palyer-vid .footer-area.pt-0{
        display: none;
        padding-top: 40px!important;
    }
	
	.model_h5 {
		font-size: 9vw;
		line-height: 9vw!important;
	}

	.start_now_btn.fit_btn, .start_btn_model.fit_btn {
		width: 160px;
		font-size: 16px;
	}
	
   
    .banner-left {
        background-color: rgba(52, 186, 239, 0.75);
        width: 77%!important;
        padding-top: 2%;
        padding-bottom: 10%;
        
    }
    .how_it_works.fit_btn, .start_btn.fit_btn {
        padding: 15px 7px 15px 7px;
        width: 120px;
        font-size: 14px;
    }
    .banner-left p {
        color: #222;
        font-size: 20px;
        line-height: 33px;
        width: 90%!important;
        margin-top: 40px;
    }
    
    .banner-left {
        margin-top: 50px;
    }
    .ml-50 {
    margin-left: 4%;
    }
    .banner-left h1 {
    font-size: 10.5vw;
   
    }
   .banner-left .mt-80 {
    margin-top: 50px;
    }

    .navbar-brand {
        height: auto;
        width: 100px;
    }
      .container.desk{
        display: none;
    }
        .banner-area .fullscreen {
            height: 620px !important;
    }
 
        .mcn_page .fullscreen {
            height: 620px;
    }
    
     .player_gif_mob {
           max-width: 70%;
           margin: auto;
    }
    .vid {
        left: 0px;
        text-align: center;
        margin-top: 5%;
    }
  
    .right_cube {
        background-color: #fff;
        padding-left: 2%;
        padding-right: 2%;
        height: auto;
        filter: contrast(1.02);
    }
    
   .streamer_mob {
       transform: translateX(-50%);
       margin-left: 50%;
       margin-top:-10%;
       display: block;
    }

    p {
        font-size: 16px;
        line-height: 22px;
    }

    .termd-cont li {
        font-size: 16px;
        line-height: 22px;
    }



    .index_dark .p {
        font-weight: 300;
    }
    
    h5 {
        font-size: 25px;
		line-height: 35px!important;
        margin: auto;
        padding-top: 5%;
        padding-bottom: 5%;
        text-align: center;
    }
    h4 {
        font-size: 12vw;
        font-weight: 900;
    }
 
    
    .timeline_box h3 {
        font-size: 24px;
        margin-top: 18px;
    }
    
    .timeline_box p {
        font-size: 15px;
        letter-spacing: 0.3px;
        line-height: 22px!important;
    }
    .container.how_it_works {
        background: #000;
    
    }
    .video_btn {
        width: 100px;
        height: 100px;
        padding-top: 0%;
        padding-bottom: 0%;
    }
  
    .num_one {
        letter-spacing: -5px;
    }
    .work_title {
        padding-top: 20px;
        width: 100%;
    }
    .menu-content.col-lg-12{
        padding: 0px
    }
    .timeline_box .mb-50{
       margin-bottom: -20px; 
    }
 
    .timeline_box {
        padding-bottom: 50px;
    }
    
   #trailer2 > video {
       width: 185%; 
       transform: translate(-50%);
       margin-left: 50%;
       display: block;
    }
        #trailer2 {
        filter: grayscale(0%) brightness(35%)!important;
    }
    
    .about_sec {
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 5%;
    }
    .contact_sec {
        padding-left: 0%;
        padding-right: 0%
            
    }
    .about_left {
        padding: 5%;
    }
    
    .contact_right, .contact_left {
        padding: 10%;
    }
        

    .about_title {
        font-size: 13vw;
        padding-top: 10%;
        padding-bottom: 20%;
        color:#4cc4f5;
        
    }
    
    .about_right {
        padding: 5%;
        margin-top: 8%;
    }
    
    .about_left{
        background-image: url(../img/people_bg_mob.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        
    }
    .about {
        background-size: 0%;
    }
    .about_details {
        width: 100%;
    }

    .footer-area {
        padding: 10% 5% 5% 5%;
    }

    #our_solutions h2{
        color:#000;
        text-align: center;
    }
    .tech p {
        font-size: 17px;
        line-height: 26px;
        margin-top: 20px;
    }
    .navbar-nav a {
        padding: 0px;
        display: block;
    }

    .sign_up_btn {
        margin-left: 0px;
    }
     .flow_icons{
        display:none;
    }
    .icons_title_desktop{
        display:none;
    }
    .tv.col-md-12{
        padding: 0px;
    }
    .maxi.mt-80{
        margin-top: 60px;
    }
     #trailer2 > video{
        display:none;
    }
    .howitworks_mob{
        background-image: url(../img/how_it_works_color_mob.gif);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 300px;
    }
    .castify_footer {
        text-align: center;
    }
    .exitpopup-modal-window .text-right {
        text-align: center !important;
    }
    .footer-area .navbar-brand{
        width: 120px;
    }
   .mmg{
        margin: auto;
        max-width: 120px;
        margin-bottom: 10px;
    }
    .copyright {
        text-align: center;
    }
    .footer-bottom {
        flex-direction: column-reverse;
        padding-top: 20px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;

    }
    .single-footer-widget {
        margin-bottom: 20px;
        text-align: left;
    }
    .bottom-border-mob-c{
        border-right: 0px solid #50bce7;
        border-bottom: 1px solid #50bce7;
    }
    .bottom-border-mob-a, .bottom-border-mob-b {
        border-bottom: 1px solid #50bce7;
    }
    .check-platforms {
        padding-left: 10px;
        padding-right: 8px;
    }
    .sec_form .container {
        max-width: 83%;
  
    }
    .sec_form {
        height: auto;
        margin-top: -40px;
    }
    .sec_form.section-gap{
        padding: 15px 0;
    }
    .sign_up_page .form_content {
        padding: 10px;
        padding-bottom: 25px;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
    }
    
    #form_signup_single h3 {
        font-size: 6vw;
        line-height: 30px!important;
    }  
    .check-logo {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .sign_up_page {
    background-image: url(../img/sign_up_bg_mob.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    }
    
    .check-logo {
        max-width: 70px;
        padding:6%; 
    }
    .about_title_top{
        display:none;
    }
    .container.terms {
        max-width: 100%;
    }
    .headertitle h1 {
        margin-left: 5%;
        letter-spacing: 1px;
        font-size: 25px;
    }
    .sec_1 {
        height: 120px;
		padding-top: 35px;
    }
   .headertitle .mt-80 {
        margin-top: 35px;
    }
    .alltext {
        margin-top: 0px;
    }
    .container.thank-you {
        max-width: 80%;
    }
   .thankoo h2 {
        color: #000;
    }
    .cam-right{
        max-width: 95%;
        margin-top: 30%;
        margin-right: -120px;
    }
	#our_solutions .pb-100{
		padding-bottom: 20px;
		
	}
	.about_title_mob{
		color:#000000;
	}
	.policy_link {
		margin-top:70px;
	}
	#form_signup .text-right {
    text-align: center !important;
    }

    .mt-100.plat_mob{
        margin-top: 60px;
    }
    .bottom_slide .container {
        max-width: 100%;
        padding: 0;
    }
    .mod_mob p{
        padding: 5%;
    }

    .mod_desk{
        display: none;
    }
    .mod_mob{
        background-color: #f2f6ed;
        position: relative;
        z-index: 0;
    }
    .pop_pic_zoomin{
        opacity: 1;
        transform: scale(1);
    
    }
    .model_mob{
        max-width: 100%;
        z-index: -99;
        position: relative;

    }
    .model_mob{
        margin-top: -170px;
    }
    .mcn_page .footer-area {
        padding-top: 40px;
    }

	.navbar-nav li {
		padding: 12px 0 12px 0;
        border-bottom: 0px solid #d6dee2;
    }

        .t_desk{
        display: none;
    }
    .pco_teaser_img_c_b {
        right: -6%;
        top: 38%;
    }
    .pco_teaser_img_c_a {
        left: -5%;
        top: 33%;
    }
    .pco_teaser_img_a_b {
        right: -12%;
    }
    .pco_teaser_img_a_b_show {
        right: 1%;
    }
    .teasers_inn.pco .container {
        max-width: 100%;
    }
    .pco_teaser_img_a_a_show {
        left: 6%;
    }
    .pco_teaser_img_d_d {
    left: -35%;
    }
    .pco_teaser_img_d_b {
        left: -23%;
    }
    .pco_teaser_img_mob{
        width: 100%;
    }
    .mob_scale{
        transform: scale(0.75);
        margin-top: -20px;
    }
   
    .aab_desk{
        display: none;
    }
    .teasers_inn.aab_mob .container {
        max-width: 100%;
    }
    .aab_mob .three_plat_platforms{
        max-width: 98%;
    }
    .fl{
        float:left;
    }
    .fr{
        float:right;
    }
	
	.dropdown-menu{
		background-color: #ffffff!important;
		box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	}
	.dropdown-menu a{
		color: #47b8e6!important;
		text-transform: inherit;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:10px;

	}
	
}


@media (max-width: 991px) and (min-width: 600px){


    .all-mob-apps {
        right: 0;
        left: 0;
        bottom: -40px;
        max-width: 90%;
    }

    .back_mob {
        max-width: 85%;
    }

    .apple-s .tt-hold-all {
        height: 850px;
        padding: 30px;
    }


    .pers-hold {
        height: 790px;
    }


    .slider {
        height: 1250px;
    }
    .slide {
        height: 1250px;
    }
    .slide .content {
        position: absolute;
        top: 3%;

    }
    .all-slide-buttons {
        top: 30%;
    }
    .two-btns {
        width: 40%;
    }
    .slide .content h1 {
        font-size: 4rem;
        font-weight: 900;
        line-height: 4rem!important;
        margin-bottom: 0px;
        margin-top: 70px;
    }
}

@media (min-width: 729px){

    .monet-mob{
        display:none;
    }

    .phone_mob{
        display: none;
    }

    .tv-mob{
        display: none;
    }
}


@media (max-width: 728px){

    thead{
        display: none!important;
    }

     table, thead, tbody, th, td, tr {
        display: block;
        border-bottom: 1px solid rgba(0, 20, 120, 0.25)
    }

    .blog.ver-b thead tr {
        position: absolute;
        top: -9999px;
        right: -9999px;
    }

        .blog.ver-b tr {
        border: 1px solid rgba(0, 20, 120, 0.25);
        margin-bottom: -2px;
        padding: 10px;
        background: white;
        display: flex;
        flex-direction: column-reverse;
    }

    .blog.ver-b td {
        border: none;
        padding: 10px 0;
        position: relative;
        padding-left: 35%;
        width: 100%;
        text-align: left;
    }

    .blog.ver-b td:before {
        content: attr(data-label);
        position: absolute;
        left: 6px;
        width: 30%;
        text-align: left;
        font-weight: bold;
        color: #001478;
        white-space: nowrap;
    }


    .feature-col {
        position: static;
        background: rgba(0, 20, 120, 0.10);
        text-align: center;
        font-size: 1.1rem;
        margin-bottom: 10px;
        padding: 12px;
        border: 1px solid #ddd;
        color: #001478;
    }

    .feature-col:before {
        display: none;
    }

    .three_monet li{
        list-style: disc;
        padding-left: 11px;
        margin-left: 21px;
    }

    .three_monet li::marker {
        color: #ED4899;
    }

    .three_monet{
        padding: 16px;
        border: 1px solid #ED4899;
        border-radius: 15px;
    }

    .monet-mob{
        margin-top: 20px;
    }

    .monet-mob h3{
        font-weight: 500;
        line-height: 40px;
    }

    .mon_left_icon {
        padding: 10px;
    }

    .pink_bull_top{
        width: 5px;
        height: 5px;
        border-radius: 15px;
        background-color: #ED4899;
        position: absolute;
        left: 17.5px;
        top: -2px;
    }

    .pink_bull_bottom{
        width: 5px;
        height: 5px;
        border-radius: 15px;
        background-color: #ED4899;
        position: absolute;
        left: 17.5px;
        bottom: -2px;
    }

    .monet-bull-conect{
        height: 9vh;
        width: 1px;
        margin: -50px auto 0;
        background: linear-gradient(180deg, rgba(71,183,228,1) 0%, rgba(237,72,153,1) 100%);
    }

    .monet-bull-conect-small{
        height: 2.5vh;
        width: 1px;
        margin: 0px auto 0;
        background: #ED4899;
    }

    .monet-bull-hold{
        border-radius: 25px;
        border: 1px solid #001478;
        height: 40px;
        width: 40px;
    }

    .mon_left{
        width: 100%;
    }

    .monet-main-grid{
        display: grid;
        grid-template-columns: 40px auto;
        gap: 10px;
        justify-content: left;
        align-items: center;
        position: relative;
    }

    .monet-desk{
        display:none;
    }

    .inner .inner_main_title .searchbars h2 {
        height: 0%;
        margin: auto 15px;
        line-height: 0px;
        font-size: 4.8vw;
    }

    .con-searchfeed {
        margin: 40px auto 40px;
    }

    .se-bar {
        height: 60px;
    }

    .searchbars {
        position: relative;
        height: 220px;
        margin: 20px 0;
    }


    .feed-log {
        max-width: 70%;
        margin: auto;
    }

    .fl-sep{
        display: none;
    }

    .logos-grid-serch {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
        gap: 50px 30px;
    }



    .single-textarea{
        height: 80px;
    }

    .event-logo{
        padding: 20px;
    }

    .ser-app:hover {
        filter: drop-shadow(0px 0px 20px rgb(17 77 214 /0.0));
        transform: scale(1);
    }

    .container-lp h2 {
        line-height: 30px;
    }


    .dim-marg{
        margin-top: 80px;
    }

    .lp .side-stars-left {
        top: 80%;
        width: 60%;
    }

    .lp .side-stars-right {
        top: 40%;
        width: 60%;
    }

    .phone_desk{
        display: none;
    }

    .container-lp .start_btn_inner_bottom.btn_dark {
        margin: 40px auto;
    }

    .animateapp .blue-phone {
        margin-top: -70px;
    }

    .blue-phone {
        width: 75%;
    }

    .ath-a {
        transform: scale(0.3) translate(0px, 0px);
        opacity: 0;
    }
    .ath-b {
        transform: scale(0.3) translate(0px, 0px);
        opacity: 0;
    }
    .ath-c {
        transform: scale(0.3) translate(0px, 0px);
        opacity: 0;
    }
    .ath-d {
        transform: scale(0.3) translate(0px, 0px);
        opacity: 0;
    }

    .animateapp .ath-a{
        opacity: 1;
    }
    .animateapp .ath-b{
        opacity: 1;
    }
    .animateapp .ath-c{
        opacity: 1;
    }
    .animateapp .ath-d{
        opacity: 1;
    }

    .blue-phone-app {
        max-width: 50%;
    }

    .blue-phone-hold {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        mix-blend-mode: plus-lighter;
        z-index: 1;
        height: 330px;
        gap: 40px 0px;
        padding: 20px 0px;
    }

    .sectionsContainer {
        margin-top: -100px;
    }

    .ctv-in .pertv-mob-hold {
        height: 55%;
    }

    .back-tv-blue {
        max-width: 100%;
        min-height: 100%;
        text-align: center;
        margin: auto;
        object-fit: cover;
        height: 300px;
    }

   .ctv-in .back-tv-blue {
        height: 370px;
    }

    .pertv-mob-hold {
        width: 65%;
        height: 57%;
    }

    .tv-mob-left, .tv-mob-right  {
        border-radius: 8px;
    }

    .tt-back-people-mob{
        opacity: 0.85;
    }

    .aa-cont-hold {
        gap: 50px;
    }


    .tt-hold {
        position: relative;
        transform: scale(0.7);
    }



    .ic-tit {
        margin-bottom: 10px;
    }

    .event-opt {
        margin-bottom: 10px;
    }

    .event-des {
        margin-bottom: 30px;
    }

    .eve-blo {
        padding: 25px;
    }

    .date-post {
        margin-top: 15px;
    }

    .gro-blo h3 {
        margin-top: 15px;
    }


    .head-blog .inner_main_title h2 {
        color: #fff;
        letter-spacing: 1px!important;
        text-transform: inherit;
        margin-bottom: 15px;
        margin-top: 15px;
        line-height: 1.5em;
    }


    .gro-blo {
        width: 100%;
    }

    .blo-group {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .gro-bor {
        padding: 40px 20px;
        width: 100%;
        margin-bottom: 20px;
    }



    .tv-desk{
        display: none;
    }

    .index_dark .inner_main_title h1 {
        font-size: 8.5vw;
        line-height: 1.3em!important;
    }

    .inner .inner_main_title h2 {
        letter-spacing: 3px;
        word-spacing: 5px;
        margin-bottom: 20px;
    }


    .index .solgrow-in h2{
        width: 80%;
    }


    .tes-time {
        max-height: 220px;
    }

    .teas-hold-img {
        margin-top: 40px;
    }

    .teas-hold-desc p {
        margin-top: 20px;
    }

    .tv-ctv-hold {
        margin-top: -300px;
    }

    .ps {
        height: 30px;
    }

    .va-bull.con-in-inf h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .teas-hold-desc-va h3{
        font-size: 16px;
        line-height: 22px;
    }

    .mt-min-20{
        margin-top: 20px!important;
    }

    h2 {
        font-size: 1.6rem;
        line-height: 1.2em;
        letter-spacing: 7px;

    }

    .inner h2 {
        font-size: 1.6rem;
        line-height: 1.2em;
        letter-spacing: 5px;
    }

    .container-lp h2 {
        font-size: 1.6rem;
        line-height: 1.2em;
        letter-spacing: 5px;
        margin-bottom: 20px;
    }

    .tv-ctv-hold {
        transform: translateY(290px);
    }

    .event_grid p{
        margin-top: 0px;
    }

    .event_form_con .primary-btn {
        width: 100%;
    }

    label span {
        font-size: 15px;
        width: 110px;
        padding: 5px;
        overflow: hidden;
    }

    label input:checked + span {
        font-size: 15px;
        width: 110px;
        padding: 5px;
        overflow: hidden;
    }

    .tech .radio_title {
        font-size: 15px;
    }

    .event_form_con h2 {
        text-align: center;
        font-size: 25px;
        margin-bottom: 30px;
        text-align: left;
    }

    .event_form_con {
        margin-top: 50px;
        margin-bottom: 50px;
        background-color: #47b8e6;
        padding: 6%;
        border-radius: 10px;
    }

    .dub-imput {
        display: block;
    }

    .tech .team_title {
        font-size: 14px;
        line-height: 1.2rem;
        margin-top: 3px;
    }

    .tech .team_main_title {
        padding: 0px;
        margin-top: -15px;
    }

    .team_grid{ 
        grid-template-columns: 1fr 1fr;
        display: grid;
        gap: 20px;
        margin-top: 30px;
    }

    .app-elem p{
        padding-right: 5%;
    }
    .bb-element{
        max-width: 100%;
    }
    .mt-40.app-hold{
        margin-top: 30px;
    }
    .brand-twho-tv {
        margin-bottom: -10px;
    }
    .inner_main_title.bb-mob h1{
        font-size: 2.8rem;
    }
    .bb-icon {
        height: 170px;
    }
    .bb-logo {
        padding: 12% 18%;
        max-width: 100%;
    }
    .typ-in h2 {
        font-size: 14rem;
    }
    .tech .color-hold-text p {
        margin-top: 10px;
        margin-left: 0px;
    }
    .bb-desc{
        margin-top: 0px!important;
    }
    .loader-in {
        transform: scale(1);
    }
    .app-logo-menu{
        max-width: 60%;
    }
    .tech .typ-tag p {
        word-break: break-all;
        margin: 0;
    }
    .color-circle-a, .color-circle-b, .color-circle-c, .color-circle-d, .color-circle-e, .color-circle-f {
        width: 50px;
        height: 50px;
    }
    .tech .color-hold-text p {
        font-size: 12px;
    }
    .color-hold-text {
        display: block;
    }

    .hold-main-el {
        background-size: 40px 40px;
    }
    .bb-download {
        margin-left: 0;
        margin-bottom: 10px;
        margin-top: 30px;
        text-align: center;
    }

 
    .plus-cen{
        display: none;
    }

   .loader-ele {
        height: 200px;
        transform: scale(0.7);
    }

    .hold-loader {
        grid-template-columns: 1fr;
        padding: 0%;

    }

    .news-grid {
        grid-template-columns: 1fr;
    }

    .imp-bull .ctv-icon-in {
        display: block;
        align-items: center;
        padding-right: 0%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: -5%;
    }

    .b-imp .ctv-icons {
        margin-right:0px;
        margin-top: 10px;
        width: 70px;
    }


    .tv-con{
        overflow-x: hidden;
        overflow-y: auto;
        height: 320px;
        padding-top: 80px;
        margin-top: -70px;
    }

  

    .imp-bull p{
        text-align: center!important;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .imp-scale{
        transform: scale(1.3);
    }
 
    .snt.fit_btn.imp-btn {
        width: 100%;
    }

    .imp-teaser h5{
        width: 100%;
        font-size: 22px;
    }

    .title-imp h2{
        width: 90%;
        padding-top: 10%;
        padding-bottom: 3%;
        font-size: 25px;
        line-height: 35px!important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .imp-teaser .inner_main_title {
        height: 400px;  
    }

    .hl {
        max-width: 120px;
        margin-bottom: 10%;
    }


    .imp-form-desc {
        margin-bottom: 30px;
    }

    .form-grid {
        grid-template-columns: 1fr;
        display: grid;
        grid-gap: 0px 20px;
    }
   


    .imp-form-desc {
        padding-right: 0;
    }

    .imp-form-hold {
        padding: 7%;
    }

    .blog_inn.mt-100 {
        margin-top: 60px;
        margin-bottom: -20px;
    }


    .main-career h1{
        width:80%;
    }


    .footer-area .footer-nav li {
        margin-top: 10px;
    }

    .footer-nav.mt-15{
        margin-top: 0px;
    }

    

    .mini-about {
        padding-right: 0%;
    }

    .close_btn {
        top: -25px;
        right: 0;
        left: -20px;
        margin: auto;
    }

    .ai-flow{
        height: 300px;
        margin-bottom: 40px;
    }

    .aab_page .fr {
            border-radius: 0px;
    }

    .pdf-cont h2{
        margin-top: -50px;
    }

    .pdf-p {
        font-size: 22px;
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .not-f .flow_title {
        font-size: 10vw;
    }

    .thankspage .flow_title {
        font-size: 10vw;
    }

    .tech .container {
        max-width: 100%;
    }
    .lecture-live-mob{
        height: 350px;
    }

    .tech .container{
        max-width: 97%;
    }

    .blog-grid{
        display: grid;
        grid-template-columns: 1fr;
    }
}





@media (max-width: 768px) and (min-width: 500px){

  
      .flow-wind {
            transform: scale(0.7);
            margin-top: 0px;
            margin-bottom: 250px;
    }



	.container_slider .slidemob {
		  height: 1075px;
		}
	.mcn_page .container_slider .slidemob {
		  height: 960px;
		}
	.mcn_main_teaser h1 {
		font-size: 8vw;
		line-height: 8.5vw!important;
	}
	.title_lines {
		width: 16%;
		margin-left: 2px;
	}
	.three_plat .container {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.right_bull h5 {
		font-size: 6vw;
		float: left;
		width: 100%;
	}
	

	.three_bullet {
		margin-top:10%;
		font-size: 8.6vw;
		color: #40cdff;
		font-weight: 900;
		letter-spacing: -5px;
		line-height: 10vw;
	}

	.mcn .row {
		margin-right: 0px;
		margin-left: 0px;
	}
	
		.how_it_work .blue-cube{
		height: 1050px!important;
	}
	.mcn_main_teaser {
		padding-left: 5%;
		bottom: 10%;
	}
	.banner-left h1 {
		font-size: 6vw;
    }
    .iframe-video{
        width: 90%;
        height: auto;
    }
}



@media (max-width: 500px){

    .ph-mob{
        display: none;
    }

    .event-hold-form .single-textarea {
        height: 80px;
    }

    .pop-title-mob h2{
        display: none;
    }

    .pop-title-mob .hold-event-logo{
        width: 70px;
        height: 70px;
        border: 0px solid #001478;
        outline: 0px solid #48b6e3;
    }

    .hold-event-logo {
        margin: 15px auto;
        width: 200px;
        height: 200px;

    }

    .hold-event-title {
        height: auto;
    }

    .g-recaptcha {
        transform:scale(0.83);
        transform-origin:0 0;
    }
       
    .slide .content {
        left: 0;
        width: 100%;
    }
      
    .mian-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }

    .blog_inn .flow_title {
        margin: auto;
        padding: 0% 8% 12% 8%;
        font-size: 2.2rem;
    }

    .r-c{
        flex-direction: row-reverse;
    }

    .exitpopup-modal-window {
        width: 85%!important;
        height: auto !important;
        background-size: 260%;
    }


.banner-left h1 {
    font-size: 9vw;
    line-height: 24px;
    }
	
 .banner-left .mt-80 {
        margin-top: 50px;
    }
    .banner-left p {
        margin-top: 18px;
        font-size: 17px;
        line-height: 23px;
    }
    .how_it_works.fit_btn, .start_btn.fit_btn {
        padding: 12px 7px 12px 7px;
        width: 120px;
        font-size: 15px;
    }
    .flow_title {
        font-size: 2.2rem;
        width: 100%;
        margin-top: -20px;
    }
	
		
   .menu-content.pb-80 {
    padding-bottom: 40px;
    }

    .mcn_main_teaser h1 {
        font-size: 15vw;
        line-height: 14.2vw!important;
        font-weight: 900;
    }
    .three_plat .container {
        padding-left: 5%;
        padding-right: 5%;
    }
	
	.three_plat.pt-60{
		padding-top:0px;
	}
  
    .mcn_main_teaser {
        bottom: 5%;
        padding-right: 5%;
        margin-left:5px;
    }
    .ac_text {
        width: 77%;
        text-align: left!important;

    }
    .ac {
        max-width: 95%;
    }
    .ac.mt-100{
        margin-top: 60px;
    }
    .adcenter_blue{
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .teaser_arrow_down {
        display: none;
    }
     .title_lines {
        width: 20%;
        margin-left: 2px;
    }
    .three_plat p {
        font-size: 15px;
        line-height: 25px;
    }
    
    .mod_mob p {
        font-size: 15px;
        line-height: 25px;
    }
    .right_bull h5 {
        font-size: 6vw;
        float: left;
        width: 100%;

    }
    .three_bullet {
        font-size: 10vw;
        letter-spacing: 5px;
        letter-spacing: 5px;
        line-height: 12vw;
    }
        .mcn_main .fullscreen {
            height: 620px!important;
    }
   
        .model_h5.mt-100{
            margin-top: 20px;
    }
      
     .justify-content-start{
        margin:0px;
    } 
	.how_it_work .fullscreen{
		height:620px!important;
	}

	 .mcn_page .close_btn {
		display: inline-block;
		top: -30px;
		right: 0px;
	}
	
	.popupbox h3 {
		font-size: 5vw;	
	}



     .popupbox.popupbox_pdf h2{
		font-size: 6vw;	
        margin-left: 0px;
        padding-bottom: 20px;
	}

    .popupbox.popupbox_pdf h3{
		font-size: 8vw;	
        margin-left: 0px;
	}

    .popupbox.popupbox_pdf .modal-body {
        padding: 1px 20px 12px;
    }

	.mcn_page .primary-btn {
		width: 100%;
	}
    .ab_main_teaser_title {
        margin-top: 7px;
        font-size: 9vw;
    }
     .aab .ab_main_teaser_title {
        margin-top: 7px;
        width: 80%;
    }

    .ab_main_teaser {
        padding-left: 4%;
        height: 100px;
    }
 
    .inner_bottom_h5 {
        font-size: 8.5vw;
        margin-top: 0px;
    }
    .inner_main.premium {
        background-position: top center;
        background-size: 260%;
        height: 320px;
        background-attachment: fixed;
    }
    /*.inner_main.aab {
        background-position: 73% 11%;
        background-size: 190%;
        height: 320px;
        background-attachment: fixed;
    }*/

    .inner_main.aab {
        background-size: 200%;
        height: 340px;
        background-position-x: 70%;
        background-position-y: 30%;
    }
     .teasers_inn.pco h5 {
        width: 100%;
        text-align: center;
    }
    .aab_mob .strong_title {
        font-size: 28px;
        line-height: 34px;
    }
    .iframe-video{
        width: 95%;
        height: auto;
    }
    #player-holder{
        background-size: cover;
    }
    .palyer-vid h2{
        font-size: 10vw;
        margin-top: 20%;
    }
}

@media (max-width: 320px){

    .imp-teaser .inner_main_title{
        padding: 0;
    }

    .slide .content h1 {
        font-size: 1.7rem;
        line-height: 2rem!important;
    }
    .slide .content {
        top: 13%;
    }
    .two-btns {
        width: 85%;
    }
    .slider {
        height: 900px;
    }
}