@media only screen and (min-width:601px) and (max-width:2620px){
    /*.mobile{
            display: none;
        } */   
    @-webkit-keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
      @keyframes flash {
        0% {
          opacity: .4;
        }
        100% {
          opacity: 1;
        }
      }
    span{
        font-size: 3.5vw;
        font-family: 'Poppins', sans-serif;
        font-weight: 700 !important;
        /* line-height: 10vh; */
        /* line-height: 4vw; */   
    }
    h3{
        font-size: 1.5vw ;
        font-family: 'Poppins', sans-serif;
        color: black;
        font-weight:600!important;
    }
    h2{
        font-size: 1.8vw ;
        font-family: 'pacifico','regulars';
    }
    .heading1{
        font-size: 3vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 700 !important;
        line-height: 3vw;
    }
    .heading2{
        font-size: 3vw ;
        font-family:'pacifico','regulars';
        font-weight: 400 !important;
        color: #f0131e;
        line-height: 3vw;
    }
    .heading3{
        font-size: 2vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
    }
    .heading4{
        font-size: 1.4vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
    }
    .heading5{
        font-size: 1.2vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        line-height: 1.5vw;
    }
    .heading6{
        font-size: 2.5vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 800 !important;
        line-height: 3vw;
    }
    .padt{
        margin-top: -10vw !important;
    }
    .bn:hover{
        transform: scale(1.05);
        transition: all .2s ease-in-out; 
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }
    /* section1 */
    .logo{
        width:18vw;
        padding-bottom: 3vw;
    }
    .container-fluid{
        width: 100vw !important;
    }
    .section{
        background-image:url(image/Shape\ 12.png);
         background-repeat: no-repeat;
         background-size:100vw ;
         height: 48vw;
    }
    .s1{
        padding-left: 6vw !important;
    }
    .frame{
        width: 17vw;
        padding-left: 2.5vw;
        padding-bottom: 1.5vw;
    }
    .vector{
        width: 12vw !important;
        padding-top: 4vh ;
        position: absolute;
    }
    .video-1{
        width: 78vw;
        position: absolute;
        z-index: 1;
        margin-left: 8vw;
    }
    .online-video1{
        width: 68vw !important;
        height: auto;
        margin-left: 15vw;
        border: solid 8px #f0131e !important; 
        border-radius: 2.5vw;
        
    }
      
    @keyframes shake {
        0% { transform: translate(1px, 1px) rotate(0deg); }
        10% { transform: translate(-1px, -2px) rotate(-1deg); }
        20% { transform: translate(-3px, 0px) rotate(1deg); }
        30% { transform: translate(3px, 2px) rotate(0deg); }
        40% { transform: translate(1px, -1px) rotate(1deg); }
        50% { transform: translate(-1px, 2px) rotate(-1deg); }
        60% { transform: translate(-3px, 1px) rotate(0deg); }
        70% { transform: translate(3px, 1px) rotate(-1deg); }
        80% { transform: translate(-1px, -1px) rotate(1deg); }
        90% { transform: translate(1px, 2px) rotate(0deg); }
        100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    #main{
        width: 47vw ;
        margin-top: 2vw;
        z-index: 1;
        margin-left: -5vw;
        padding-right: 0vw;
       
    }
    .home-left {
        padding: 0;
    }
    .home-right {
        padding-right: 0;
    }
    .home-col-res {
        display: none;
    }
    .home-left-col {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }
    .home-left-col li {
        display: flex;
        width: 100%;
        padding-top: 30px;
    }
    .home-left-col li img {
        width: 35px;
        height: 35px;
    }
    .home-left-col li span {
        display: inline-block;
        color: #ffffff;
        font-size: 13px;
        padding-left: 7px;
        font-family: 'Gotham-Bold';
    }
    /*---------- Home Column Center -----------*/
    .home-col-center {
        position: relative;
    }
    .home-col-center a {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -43px;
        margin-top: -43px;
    }
    .home-col-center a img {
        width: 86px;
    }
    /*---------- Home Video Overlay -----------*/
    .parent {
        position: relative;
    }
    .overlay {
        width: 100%;
        position: relative;
    }
    .overlay iframe, .overlay .replace_frame {
        width: 100%;
        height: 410px;
    }
    .inner-box-main {
        position: absolute;
        left: 0;
        top: 0;
        display: table;
        width: 100%;
        height: 410px;
        cursor: pointer;
    }
    #inner-box {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        background-color: rgba(0, 0, 0, .4);
    }
    #inner-box p {
        font-size: 60px;
        color: #FFFFFF;
        font-family: 'Gotham-Bold';
    }
    .playpause {
        width: 65px;
        height: 40px;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 100;
        opacity: 1;
        cursor: pointer;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .playpause:before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 20px solid #fff;
        position: absolute;
        left: 23px;
        top: 10px;
    }
    .playpause.pause {
        opacity: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    .playpause.pause:before {
        display: block;
        content: "";
        left: 23px;
        width: 6px;
        height: 20px;
        border-left: 7px solid #fff;
        border-width: 0 7px;
    }
    
    .playpause.pause:after {
        display: block;
        content: "";
        position: relative;
        width: 6px;
        height: 20px;
        left: 34px;
        top: 10px;
        border-left: 7px solid #fff;
        border-width: 0 7px;
    }
    .playpause:hover {
        background-color: #ff6b0c;
    }
    .overlay:hover .playpause {
        opacity: 1;
    }
    /*-------- Home Video Overlay End ---------*/
    .home-video .wistia_embed {
        width: 100% !important;
        height: 100% !important;
    }
    .home-col-lap-head {
        font-size: 24px;
        padding-top: 20px;
        padding-bottom: 10px;
        color: #fff;
        font-family: 'Gotham-Medium';
        text-align: center;
    }
    .home-col-btn {
        text-align: center;
        margin-top: 10px;
    }
    .home-col-btn a {
        display: inline-block;
        background-color: #3942df;
        color: #fffffd;
        font-size: 28px;
        font-family: 'Gotham-Medium';
        box-shadow: 0 0 70px 0 rgb(255, 240, 91);
        padding: 15px 36px;
        border-radius: 50px;
    }
    #floating{
        width: 33vw;
        margin-left: -48vw;
        margin-top: 2vw;
        position: absolute;
        z-index: 1;   
        /* animation: shake 2s;
        animation-iteration-count: infinite; */
        
    }
    #edit-icon{
        width: 11vw;
        margin-left: -50vw;
        margin-top: 15vw;
        position: absolute;
        z-index: 1;   
        animation: shake 4s;
        animation-iteration-count: infinite;
        
    }
    #move-icon1{
        width: 7vw;
        margin-left: -38vw;
        margin-top: 1vw;
        position: absolute;
        z-index: 1;   
        animation: shake 4s;
        animation-iteration-count: infinite;
        
    }
    #move-icon2{
        width: 8vw;
        margin-left: -15vw;
        margin-top: 15vw;
        position: absolute;
        z-index: 1;   
        animation: shake 4s;
        animation-iteration-count: infinite;
        
    }
    #floating:hover{
        transform: scale(1.02);
        transition: all .2s ease-in-out; 
    }
    #heading-box{
        background-color: black;
        border-radius: 20px;
        width: fit-content;
        padding: 5px 10px 5px 10px;
    }
    /* section2 */
    .number{
        text-decoration:line-through;
        color: gray;
    }
    /* section3 */
    .s3-1{
        background-image: url(image/Shape\ 13.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 60vw;
        margin-top: -10vw;
    }
    .s3-1-1{
        margin-top: 20vw;
    }
    .gp1{
        width: 19vw;
        margin-top: -3vw;
    }
    .gp2{
        margin-top: 10vw;
        width: 17vw;
    }
    .gp3{
        width: 20vw;
        margin-top: -6vw;
    }
    .gp4{
        width: 17vw;
    }
    .gp5{
        width: 16vw;
        margin-top: -21vw;
    }
    
    .button{
        width: 25vw;
        /* background-color: gray; */
        /* margin-left: 33vw !important; */
        padding-top: 5vh !important;
        margin-left: 4vw;
        position: absolute;
        z-index: 1;
    }
    .img2{
      
        width: 99vw !important;
        margin-top: -9vw !important;
     }
     .s3-2{
         margin-top: -8vw;
     }
     .video2{
         width: 99vw;
         margin-top: 2vw;
     }
     .online-video2{
         width: 59vw !important;
         margin-left: 20vw;
         margin-top: -34vw;
        border: solid 8px #142ded !important;
        position: absolute;
        z-index: 2;
       
    }
    .video-box {
        border-radius: 2.5vw !important;
       
      }
    .bolt{
        width: 76vw;
        height: 38.5vw;
        margin-left: -43vw;
        margin-top: -38vw;
        position: absolute;
        z-index: 2;
    }
    .bolt-button{
        width: 35vw;
        margin-top: -2vw;
        margin-bottom: 3vw;
    }
     .img3{
         background-image: url(image/image3.png);
         background-size: 100vw;
         background-repeat: no-repeat;
         height: 65vw;
    
     }
     .box{
         border: solid 5px black;
         padding: 0px 25px 0px 25px;
         border-radius: 40px;
     }
     .sb-1{
         /* margin-left: vw !important; */
         padding-top: 9vw;
         }
     ul{
         
        padding: 1vw 1vw 1vw 1vw;
        border-radius: 2vw;
        background-color: #e9ce21a1;
        list-style: none;
        width: 33vw;
     }
     li{
         padding: 2vw 1vw 2vw 1vw;
     }
     .l1{
         border-radius: 2.2vw;
         background-color: #fcff9c91;
         padding: 1vw 1vw 1vw 1vw;
     }
      .dot{
          width: 2vw;
          margin-top: -0.8vw;
          padding: 0vw 1vw 0vw 0vw !important;
      }
      .sb-2{
          padding-top: 31vw;
          padding-left: 12vw !important;
          
      }
      .ul2{
        padding: 1vw 1vw 1vw 1vw;
        border-radius: 2vw;
        background-color: #2045e8b6;
        list-style: none;
        width: 35vw;
      }
      .l2{
        border-radius: 2.2vw;
        background-color: #2447e0;
        padding: 1vw 1vw 1vw 1vw;
      }
     /* section4 */
    
     .logo2{
        width: 24vw;
        padding-top: 1vw;
       
    }
    .sale{
        background-image: url(image/sale.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 105vw;
        margin-top: -1vw;
    }
    .sb2{
        margin-top: 2vw;
        background-color: rgba(255, 255, 255, 0.904);
        border-radius: 100px;
        line-height: 1.5vw;
        padding: 1vw !important;
    }
    .rp{
        font-size: 1.7vw !important;
    }
    .button2{
        width: 25vw;
        padding-top: 3vw;
        padding-bottom: 1vw;
    }
    .cd{
        width: 5vw;
    }
    .s4-2{
        padding-left: 10vw !important;
    }
    .s4-1{
        margin-top: 21vw;
        padding: 0vw 13vw 0vw 13vw;
        
    }
    .r1{
        background-image: url(image/review1.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    
    }
    .r1-1{
        margin-top: 1.7vw;
        padding-left: 7.5vw;
    }
    .star{
        width: 10vw !important;
        padding-top: 0.5vw;
    }
    .r2{
        background-image: url(image/review2.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    }
    .r2-1{
        margin-top: 1.7vw;
        padding-left: 7.5vw;
    }
    .r3{
        background-image: url(image/review3.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    
    }
    .r3-1{
        margin-top:1.7vw;
        padding-left: 7.5vw;
    }
    /* section5 */
    .s5-1{
        padding-top: 10vw;
    }
    .red-section{
        margin-top:6vw;
        width: 72vw;
    }
    .zombie{
        padding-top: 17vw;
        width: 45vw;
    }
    .reel{
        width: 23vw;
        position: absolute;
        margin-top: -4.8vw;
        margin-left: 10vw;
        z-index: 1;
    }
    .retro{
        padding-top: 4.7vw;
        width: 42vw;
        margin-left: 5vw;
    }
    .cmd{
        width: 60vw;
        margin-top: 4vw;
    }
    /* section5 */
    .bg{
        background-image: url(image/bg\ img.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 248vw;
    }
    .presentation{
        width: 70vw;
    }
    .s5-2{
        margin-top: -14vw;
    }
    .pid{
        display: inline-block;
        padding-top: 3vw;
        padding-bottom: 1vw;
    }
    /* section6 */
    
    .bgs{
        background-image: url(image/Group\ 9.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 225vw;
        margin-top: -28vw;
    }
    .tb{
        padding-top: 6.5vw;
    }
    .tb3{
        padding-left: 5vw !important;
    }
    .tb4{
        padding-left: 10vw !important;
        margin-top: -5vw;
    }
    .text-box{
        font-size: 1.2vw !important;
        background-color: #f4c718;
        padding: 0px 30px 0px 30px ;
        border-radius: 20px;
    }
    .screen1{
        width: 80vw;
        margin-top: -14.5vw;
    }
    .screen2{
        width: 66vw;
        margin-top: -25vw;
        margin-left: -18vw;
    }
    .screen{
        width: 92vw;
        margin-top: -30vw;
        margin-left: -vw;
    }
    .img1{
        width: 65vw;
        margin-top: 9vw;
    }
    .imgs2{
        width: 65vw;
        margin-top: 1vw;
    }
    .paper{
        width: 99vw;
        margin-top: -6vw;
    }
    .s6-1{
        margin-top: -17vw;
    }
    /* section7 */
    .section7{
        background-image: url(image/ciurcuit\ bg.png);
        background-size: 100vw;
        background-repeat: no-repeat;
        height: 160vw;
    }
    .r7-1{
        padding: 30vw 0vw 0vw 15vw;
    }
    .r7-2{
       padding: 4vw 0vw 0vw 0vw;
       overflow: hidden;
    }
    .img-box{
        width: 18vw;
        border-radius: 2vw;
    }
    .r7-3{
        margin-top: -1vw;
        overflow: hidden;
     }
    .img-box2{
        width: 23vw;
        border-radius: 2vw;
    }
    .r4{
        padding: 3vw 0vw 0vw 0vw;
    }.processor{
        width: 99vw;
    }
    /* .container {
        width: 100%;
        overflow: hidden;
        margin: 10px auto;
        background: white;
    } */
   
    .splide1{
        height: 330px;
        width: 100vw;
        margin-bottom: 5px;
        font-size: 0;
    }
    .splide2{
        width: 100vw;
        margin-bottom: 5px;
        font-size: 0;

    }
    .splide__pagination{
        display: none !important;
    }
    .splide1 .splide__slide{
        margin-left: 4vw !important;
    }
    .splide2 .splide__slide{
        margin-left: 9vw !important;
    }
     .splide1 img {
       
        width: 19vw; border-radius: 2vw;
    }
    .splide2 img {
        
        width: 24vw; border-radius: 2vw;
    }
    
   
    /* section8 */
    .section8{
        background-image: url(image/last\ section\ image.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 298vw;
    }
    .r5{
        padding:10vw 8vw 0vw 8vw;
        /* margin-top: 10vw; */
    }
    
    .r6{
        padding:10vw 15vw 0vw 13vw;
    
    }
    /* .r8-1-1{
        margin-left: 20vw;
    } */
    .last{
        width: 38vw;
        margin-top: -1.5vw;  
        margin-left: -2vw;
        padding:53.52% 0 0 0;position:relative;
        
        
    }
    iframe, .replace_frame{
        padding: 0px !important;
        border-radius: 2vw;
        border: solid white 2px;
        box-shadow: rgba(128, 128, 128, 0.637) 5px 5px 10px;
    }
    .s8-1{
        padding-left: 8vw !important ;
        margin-top: -5vw;
    }
    .icon{
        width: 12vw;
    }
    .icon1{
        width:12vw ;
        padding-right: 1vw;
        margin-bottom: -2vw;
    }
    .vl{
         border-left: 6px solid #ffd267;
        /* height: 7vw; */
        padding-left: 1vw;
    }
    .last2{
        width: 38vw;
       margin-top: -1vw;
       padding:63.52% 0 0 0;position:relative;
    }
    .icon2{
        margin-top: 1vw;
        width: 12vw;
    }
    .last3{
        width: 38vw;
        margin-top: -1vw;
        margin-left: -2vw;
        padding:53.52% 0 0 0;
        position:relative;
    }
    }
    .icon3{
        width: 8vw;
        padding-bottom: 1vw;
        margin-left: 2vw;
        margin-top: -1vw;
    }
    .last4{
        width: 38vw;
        margin-top: -.5vw;
        padding:63.63% 0 0 0;
        position:relative;
    }
    .icon4{
        width: 11vw;
        margin-top: 2vw;
    }
    .last5{
        width: 38vw;
        margin-top:-1vw;
        margin-left: -2vw;
        padding:53.63% 0 0 0;
        position:relative;
    }
    .icon5{
        width: 6vw;
        margin-top: -3vw; margin-bottom: 2vw;
        margin-left: 2vw;
    }
    .last6{
        width: 39vw;
        margin-top: -1vw;
        padding:63.63% 0 0 0;
        position:relative;
    }
    .icon6{
        width: 10vw;
        margin-right: 2vw;
    }
    .icon6-2{
        width: 10vw;
        margin-right: 2vw;
    }
    .r6-c2{
        margin-top: -2vw !important;
    }
    .last7{
        width: 39vw;
        margin-left: -2vw;
        margin-top: -1vw;
        padding:54.63% 0 0 0;
        position:relative;
    }
    .icon7{
        margin-bottom: 1vw;
        width: 13vw;
        margin-left: 1vw;
    }
    .last8{
        width: 38vw;
        margin-top: -.5vw;
        padding:63.63% 0 0 0;
        position:relative;
    }
    .icon8{
        width: 12vw;
        margin-top: 2.5vw;
        margin-bottom: -1vw;
        padding-right: 3vw;
    }
    .last9{
        width: 39vw;
        margin-left: -2vw;
        margin-top: -1vw;
        padding:54.63% 0 0 0;
        position:relative;
    }
    .icon9{
        width: 12vw;
        padding-left: 2vw;
        margin-top: -1vw;
    }
    
    .r6-c1{
        margin-top: -7.5vw;
    }
    .vl-2{
        border-left: 6px solid #2132cf;
       height: 5.5vw;
       margin-top: -4vw;
       float: right;
    }
    .vl-r6-1{
        border-left: 6px solid #2132cf;
       height: 6.5vw;
       margin-top: -4vw;
       float: right;
    }
    .vl-r6-2{
        border-left: 6px solid #2132cf;
       height: 8vw;
       margin-top: -6.5vw;
       float: right;
    }
    .vl-3{
        border-left: 6px solid #2132cf;
       height: 8vw;
       margin-top: -8vw;
       float: right;
    }
    .tb2{
        padding-right: 2vw;
    }
    /* page-2 */
    /* section9 */
    .div-red{
        padding-left: 5vw;
    }
    .section9{
        background-image: url(Page2/shape\ inside.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 380vw;
        margin-top: -6vw;
    }
    .r9{
        padding: 10vw 15vw 0vw 14vw;
    }
    .last10{
        width: 40vw;
        margin-top: -2.3vw;
        margin-left: -2vw;
        padding:66.63% 0 0 0;
        position:relative;
    }
    .vl-4{
        border-left: 6px solid #ffd267;
        height: 5vw;
        margin-top: -3.5vw;
        float: right;
    }
    .vl-5{
        border-left: 6px solid #2132cf;
        /* height: 7vw; */
        padding-left: 1vw;
    }
    .icon10{
        width: 9vw;
        padding-right: 1vw;
    }
    .r10{
        padding: 10vw 15vw 0vw 8vw;
    }
    .last11{
        width: 39vw;
        margin-top: -1.5vw;
        padding:59.63% 0 0 0;
        position:relative;
    }
    .icon11{
        width: 12vw;
        padding:0vw 0vw 2vw 1vw;
        margin-top: -1vw;
    }
    .icon11-1{
        width: 12vw;
        padding-left: 1vw;
      margin-bottom: -2.3vw;
    }
    .last12{
        width: 39vw;
        margin-top: -1vw;
        margin-left: -1vw;
        padding:64.63% 0 0 0;
        position:relative;
    }
    .icon12{
        width: 12vw;
        padding: 3vw 0vw 0vw 0vw;
    }
    .last11-1{
        width: 39vw;
        margin-top: -1.5vw;
        padding:60.63% 0 0 0;
        position:relative;
    }
    .vl-12{
        border-left: 6px solid #ffd267;
        height: 4.5vw;
        margin-top: -3vw;
        float: right;
    }
    .icon13{
        width: 13vw;
        padding: 0vw 0vw 2vw 2vw;
    }
    .last13{
        width: 39vw;
        margin-left: -1vw;
        margin-top: -1vw;
        padding:64.63% 0 0 0;
        position:relative;
    }
    .icon14{
        width: 10vw;
        padding-right: 1vw;
    }
    .vl-14{
        border-left: 6px solid #ffd267;
        height: 7vw;
        margin-top: -6vw;
        float: right;
    }
    .icon15{
        width: 13vw;
        padding:0vw 0vw 2vw 1vw;
    }
    .last14{
        width: 39vw;
        margin-top: -1.8vw;
        padding:60.63% 0 0 0;
        position:relative;
    }
    .last15{
        width: 39vw;
        margin-left: -1vw;
        margin-top: -1.4vw;
        padding:64.63% 0 0 0;
        position:relative;
    }
    .vl-15{
        border-left: 6px solid #ffd267;
        height: 4.5vw;
        margin-top: -3vw;
        float: right;
    }
    .icon16{
        width: 12vw;
        padding: 0vw 0vw 2vw 2vw;
    }
    .last16{
        width: 39vw;
        margin-top: -.3vw;
        padding:60.63% 0 0 0;
        position:relative;
    }
    .last17{
        width: 39vw;
        margin-left: -1vw;
        margin-top: -1.4vw;
        padding:64.63% 0 0 0;
        position:relative;
    }
    .icon17-1{
        width: 12vw;
        padding-right: 2vw;
        margin-top: 1vw;
    }
    .vl-17{
        border-left: 6px solid #ffd267;
        height: 6vw;
        margin-top: -4.5vw;
        float: right;
    }
    .icon17{
        width: 12vw;
        padding: 0vw 0vw 1vw 0vw;
        margin-left: -1vw;
    }
    .last18{
        width: 39vw;
        margin-top: -.7vw;
        padding:60.63% 0 0 0;
        position:relative;
    }
    .icon18{
        width: 11vw;
        padding-right: 2vw;
        margin-top: 2vw;
    }
    .vl-18{
        border-left: 6px solid #ffd267;
        height: 5vw;
        margin-top: -4vw;
        float: right;
    }
    .icon19{
        width: 10vw;
        margin-top: -1vw;
        padding: 0vw 0vw 1vw 0vw;
    }
    /* section10 */
    .section10{
        background-image: url(page2/Group\ 12.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 190vw;
    }
    .rtx{
        font-size: 1vw ;
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        line-height: 1.5vw;
    }
    .r10-1{
        padding:37vw 0vw 0vw 0vw !important;
        float: right;
    }
    .vector-smart{
        width: 60vw;
        margin-top: -8vw;
    }
    .boximage{
        width: 40vw;
        margin-top: -69vw;
        padding-left: 15vw;
        margin-left: 5vw;
    }
    .button2{
        width: 23vw;
    }
    .r10-2{
        padding:31vw 0vw 0vw 0vw;
    }
    .s10-1{
        padding: 15vw 12vw 0vw 12vw;
    }
    .review4{
        background-image: url(Page2/r-1.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    
    }
    .r4-1{
        margin-top: 1vw;
        padding-left: 7.2vw;
    }
    .star{
        width: 12vw !important;
    }
    .review5{
        background-image: url(Page2/r-2.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    }
    .r5-1{
        margin-top: 1vw;
        padding-left: 7.2vw;
    }
    .review6{
        background-image: url(Page2/r-3.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        height:26vw;
    }
    .r6-1{
        margin-top: 1vw;
        padding-left: 7.3vw;
    }
    .s10-1-1{
        margin-top: -3vw;
    }
    .top1{
        width: 19vw;
        margin-top: -5.5vw;
        padding-bottom: 4vw;
    }
    .top2{
        width: 12vw;
        padding-top: 6vw;
        margin-top: -5vw;
    }
    .top3{
        width: 19vw;
        margin-top: -5.5vw;
        padding-bottom: 4vw;
    }
    .s10-2{
        padding-top: 4vw;
    }
    .sc10-1{
        padding-left:5vw !important;
    }
    .sc10-2{
        padding-right:6vw !important;
    }
    
    /* section11 */
    .section11{
        background-image: url(page2/Group\ 11.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 270vw; 
        margin-top: -17vw;
    }
    .s11-1{
        padding-top: 25vw;
    }
    .group9{
        width: 98.3vw;
        margin-top: -5vw;
    }
    .s11-2{
        background-image: url(page2/hero.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 105vw; 
        margin-top: -10vw;
    }
    .icon-img{
        width: 60vw;
        padding-bottom: 10vw;
        padding-top: 2vw;
    }
    .rectange528{
        margin-top: 3vw;
        width: 55vw;
    }
    .s11-3{
        margin-top: -26vw;
    }
    .btn2{
        width: 31vw;
    }
    /* section12 */
    .section12{
        background-image: url(page2/ripped\ notepad.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 70vw;
        height: 77vw;
        margin-top: -40vw;
    }
    .hand{
        width: 17vw;
        margin-left: 25vw;
    }
    /* section13 */
    .section13{
        background-image: url(page2/Fact\ 1\ v2.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 135vw;
        margin-top: -12vw;
    }
    .s13-1{
        padding-top: 18vw;
        padding-left: 6vw;
    }
    .s13-1-1-1{
        padding: 9vw 12vw 0vw 14vw ;
    }
    .s13-1-1{
        background-image: url(page2/30.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 17vw;
        height:25vw;
    }
    .s13-1-2{
        background-image: url(page2/120.png);
        background-repeat: no-repeat;
        background-position: center;
        background-position-y: center;
        background-size: 22vw;
        height:25vw;
    }
    .vl-13-1{
        border-right: 4px solid #f0131e;
        float: right;
        height: 11vw;
        margin-right: -2vw;
        margin-top: -5vw;
    }
    .vl-13-2{
        border-right: 4px solid #f0131e;
        float: right;
        height: 11vw;
        margin-top: -5vw;
    }
    .s13-1-3{
        background-image: url(page2/6.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 7vw;
        height:24vw;
    }
    .s13-2{
        margin-top: 6.5vw;
    }
    .s13-2-1{
        border: 5px solid #f0131e;
        border-radius: 2vw;
        padding: 1vw 0vw 2vw 1vw !important ;
    }
    .m30{
        margin-top: 10vw;
    }
    .instagram{
        width: 15vw;
        padding-left: 3vw;
        margin-top: -2vw !important;
    }
    .youtube{
        width: 11vw;
        margin-top: -2vw !important;
        padding-left: 3vw;
    }
    .s13-3{
        margin-top: 1vw;
    }
    .s13-3-1{
        border: 5px solid #f0131e;
        border-radius: 2vw;
        padding: 1vw 0vw 1vw 2vw !important ;
    }
    .microsoft{
        width: 17vw;
        padding-right: 3vw;
        float: right;
    }
    .pp{
        width: 6.5vw;
        float: right;
        padding-right: 3vw;
        margin-top: -4vw;
    }
    .pixer{
        width: 16vw;
        padding-right: 3vw;
        float: right;
        padding-top: 1.5vw;
    }
    /* section14 */
    .section14{
        background-image: url(page2/Fact\ 2.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 102vw;
        margin-top: -10vw;
    }
    .gogle{
       width: 80vw;
       padding-top: 10vw;
    }
    .s14-1{
        padding-top: 20vw;
    }
    .s14-2{
        margin-top: -38vw;
        padding-left: 15vw;
    }
    /* section15 */
    .section15{
        background-image: url(page2/FACT\ 3.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 175vw;
        margin-top: 7vw;
    }
    .s15-1{
        padding-top: 19vw;
        padding-left: 5vw !important;
    }
    .ana{
        width: 29vw;
        position: absolute;
        z-index: 1;
        margin-top: 1vw;
        margin-left: -1vw;
    }
    
    .s15-2-1{
        border: 4px solid #f0131e;
        border-radius: 2vw;
        padding: 2vw 0vw 2vw 2vw !important ;
        margin-left: -8.5vw !important;
        margin-top: 19vw;
    }
    .s15-2-2{
        border: 4px solid #f0131e;
        border-radius: 2vw;
        padding: 2vw 0vw 2vw 3vw !important ;
        margin-top: 12vw;
    }
    .neil{
        width: 30vw;
        position: absolute;
        z-index: 1;
        margin-top:-4vw;
        margin-left: -6.5vw;
    }
    .s15-2-3{
        border: 4px solid #f0131e;
        border-radius: 2vw;
        padding: 2vw 0vw 2vw 2.5vw !important ;
        margin-left: -10.5vw !important;
        margin-top: 13vw;
    }
    .chang{
        width: 29vw;
        position: absolute;
        z-index: 1;
        margin-top: -4vw;
        margin-left: -1vw;
    }
    .s15-3{
         padding: 10vw 0vw 1.5vw 0vw;
    }
    .s15-4{
         padding: 0vw 11vw 0vw 11vw;
    }
    
    /* section16 */
    .section16{
        background-image: url(page2/lines.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 200vw;
        margin-top: -22vw;
        }
        .lightning{
            width: 77vw;
            margin-top: -12vw;
        }
        .s16-1{
            margin-top: -4vw;
            padding: 0vw 13vw 0vw 13vw;
        }
        .s16-2{
            margin-top: 3vw;
        }
        .web2{
            width: 70vw;
            margin-top: 2vw;
        }
        .web4{
            width: 65vw;
            margin-top: -1.5vw;
            margin-left: -5vw;
        }
        .icon-box{
            width: 70vw;
            margin-top: 8vw;
        }
        .s16-3{
            /* margin-top: 1.5vw; */
            position: absolute;
            z-index: 2;
            padding: 0vw 10vw 0vw 10vw !important;
            }
        .tube{
            width: 99vw;
            margin-top:8vw;
            position: absolute;
            z-index: 1;
        }
    
    /* section17 */
    .section17{
        background-image: url(page2/perspective.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        width: 100%;
        height: 190vw;
        margin-right: 0vw;
        margin-top: -80vw;
        position: absolute;
        z-index: -2;
    }
    .graphic2{
        width: 77vw;
        margin-top: 53vw;
    }
    .bucket{
        width: 23vw;
        margin-top: 2vw;
    }
    .dog{
        width: 25vw;
        margin-top: -9vw;
    }
    .foot{
        width: 23vw;
        padding: 10vw 5vw 0vw 0vw ;
      
    }
    .s17-1{
        margin-top: -4vw;
    }
    /* table{
        background-color: blanchedalmond;
        border-radius: 3vw;
        height: 100vw;
    }
    td{
        padding: 1vw;
    } */
    /* section18 */
    .section18{
        background-image: url(page2/table.png);
        background-repeat: no-repeat;
        background-size: 73vw;
        background-position: center;
        margin-left: 1vw;
        height: 150vw;
        margin-top: 58vw;
    }
    .s18-1{
        margin-top: 44vw;
        margin-left: 15vw;
    }
    .tbl-1{
      font-size: 1.3vw;font-family:'Poppins', sans-serif; padding: 4vw 0vw 0vw 0vw; display: inline-block;
    }
    .tbl-2{
     font-size: 1.3vw ;font-family:'Poppins', sans-serif;  padding: 3vw 0vw 0vw 0vw; display: inline-block;
    }
    .tbl-3{
     font-size: 1.3vw ; font-family:'Poppins', sans-serif; padding: 2vw 0vw 0vw 0vw; display: inline-block;
    }
    .tbl-4{
     font-size: 1.3vw ; font-family:'Poppins', sans-serif; padding: 3.5vw 0vw 0vw 0vw; display: inline-block;
    }
    .tbl-5-1{
        font-size: 2vw ;
        font-family:'pacifico','regulars';
        font-weight: 700 !important;
        color: #f0131e;
        line-height: 2.5vw;
    }
    .tbl-5{
        font-size: 2vw ;
        font-family:'Poppins', sans-serif;
        font-weight: 700 !important;
        line-height: 2.5vw;
    }
    /* Page-3 */
    .section19{
        padding: 0 10vw 0 10vw;
    }
    .section19{
        background-image: url(page3/1_Image.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 150vw;
        margin-top: -30vw;
    }
    .so-13{
        width: 65vw;
        margin-top: 33vw;
        margin-left: -11vw;
    }
    .s19-1-1{
        margin-left: -4vw;
    }
    .p3-logo{
        width: 21vw;
        margin-top: 28vw;
    }
    .p3-tx1{
        color: #ffd267; 
        margin: 2vw 3vw 0vw 3vw;
        padding: 1vw 0vw 1vw 0vw !important;
        background-color: #010c7767;
        border-radius: 3vw ;
    }
    .s19{
        margin-top: -0vw;
        position: absolute;
        z-index: 2;
    }
    .sl2{
        position: absolute;
        z-index: 2;
        margin-left: -10vw;
        margin-top: -4vw;
        width: 99vw;
    }
    .s19-1{
        position: absolute;
        margin-top: 82.5vw;
        /* margin-left: -12vw !important; */
        padding: 0vw 0vw 0vw 5vw;
    }
    .review7{
        background-image: url(Page3/1.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 23vw;
        height:26vw;
    
    }
    .re7-1{
        margin-top: 4vw;
        padding-left: 7.2vw;
    }
    .r7-1-1{
        display: inline-block;
        line-height: 1.2vw;
    }
    .r7-1-2{
        display: inline-block;
        line-height: 1.3vw;
        padding-top: 1vw;
        font-size: 1.1vw !important;
    }
    .star{
        width: 15vw;
    }
    .review8{
        background-image: url(page3/2.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 23vw;
        height:26vw;
    }
    .r8-1{
        margin-top: 4vw;
        padding-left: 7.2vw;
    }
    .review9{
        background-image: url(Page3/3.png);
        background-repeat:no-repeat;
        background-size: 23vw;
        background-position: center;
        height:26vw;
    }
    .r9-1{
        margin-top: 4vw;
        padding-left: 7.2vw;
    }
    .s19-2-1{
        margin-top: 40vw;
    }
    /* section20 */
    .section20{
        background-image: url(Page3/Bonus\ 1.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        background-position: center;
        height:100vw;
        margin-top: -73vw;
    }
    .ptf2{
        width: 99vw;
        margin-top: 29vw;
        height: 40vw;
        position: absolute;
        z-index: 1;
    }
    .s20-1-1{
        margin-top: 43vw;
        padding-left: 23vw !important;

    }
    .s20-1{
        margin-top: 10vw;
        line-height: 2vw;
    }
    .s20-3{
        padding: 0 20vw 0 20vw;
    }
    .m3{
        margin-top: 10vw !important;
    }
    .cli{
        width: 50vw;
        margin-top: -7vw;
    }
    .s20-2{
        padding: 0 10vw 0 10vw;
    }
    .s20-2-1{
        margin-top: 10vw;
        padding-left: 4.5vw !important;
        line-height: 1.7vw !important;
    }
    /* section21 */
    .section21{
        background-image: url(Page3/Bonus\ 2.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        background-position: center;
        height:96vw;
        margin-top: 3vw;
    }
    .s21-1-1{
        margin-top: 41vw;
        margin-left: -5vw;
    }
    .s21-1{
        margin-top: 10vw;
        line-height: 2vw;
    }
    .s21-2{
        background-image: url(Page3/book\ mockup.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 100vw;
        height:30vw;
        padding: 29vw 10vw 0 10vw;
    }
    /* section22 */
    .section22{
        background-image: url(Page3/Bonus\ 3.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        height:80vw;
        margin-top: -9vw;
    }
    .s22-1{
        margin-top: 29vw;
        margin-left: 5vw;
    }
    .cli2{
        width: 50vw;
        margin-top: 1vw;
    }
    .s22-2-1{
        margin-top: 16vw;
        padding-left: 4.5vw !important;
        line-height: 1.7vw !important;
    }
    /* section23 */
    .section23{
        background-image: url(Page3/Bonus\ 4.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        height:70vw;
        margin-top: -15vw;
    }
    .s23-1{
        margin-top: 29vw;
        margin-left: -3vw;
    }
    .b4l{
        width: 50vw;
        margin-left: -7vw;
        position: absolute;
    }
    .s23-2{
        margin-top: 19vw;
        line-height: 1.7vw;
        /* padding-left: 8vw !important; */
    }
    /* section24 */
    .section24{
        background-image: url(Page3/Bonus\ 5.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        height:100vw;
        margin-top: -8vw;
    }
    .s24-1-1{
        margin-top: 29vw;
        margin-left: 5vw;
    }
    .s24-1{
        margin-top: 15vw;
        line-height: 1.7vw;
        /* padding-left: 2vw !important; */
    }
    .cli5{
        width: 55vw;
        margin-left: -10vw;
    }
    /* section25 */
    .section25{
        background-image: url(Page3/Rectangle\ 25.png);
        background-repeat:no-repeat;
        background-size: 100vw;
        height:180vw;
        margin-top: -29vw;
    }
    .s25{
        margin-top: 29vw;
    }
    .s25-1{
        padding: 7vw 0vw 0vw 0vw;
    }
    .ic{
        width: 17vw;
        margin-left: 1vw;
    }
    .s25-2{
        padding: 2vw 0vw 0vw 0vw;
    }
    .sp3{
        width: 80vw;
        margin-top: 8vw;
    }
    .s25-3{
        /* position: absolute;
        z-index: 1; */
        margin-top: -58vw;
    }
    .s25-3-1{
        margin-left: -2vw;
        margin-top: 1vw;
    }
    /* scetion26 */
    .section26{
        background-image: url(Page3/Vector\ Smart\ Object\ copy\ 5.png);
        background-repeat:no-repeat;
        background-size: 60vw;
        background-position: center;
        height:250vw;
        margin-top: -17vw;
    }
    .s26-1{
        padding-top: 25vw;
    }
    .button3{
        width: 30vw ;
        margin-top: 14vw;
        padding-bottom: 1vw;
    }
    .inc-1{
        width: 19vw;
        padding-bottom: 1.5vw;
    }
    .s26-2{
        margin-top: 5vw;
    }
    .s26-2-1{
        padding-left: 20vw !important;
    }
    .s26-2-2{
        margin-left: -10vw !important;
    }
    .s26-3{
        margin-top: 6vw;
    }
    .tj-1{
        background-color: #ffe400;
        border-radius: 2vw;
        padding: 0 5vw 0 5vw; 
        color: #2132cf ;
        display: inline-block;
        margin-top: 4vw !important;
    }
    .s26-3-1{
        padding-left: 35.5vw !important;
    }
    .s26-3-2{
        padding-left: 2vw !important;
    }
    .s26-4{
        padding-top: 0.6vw;
    }
    .s26-5{
        background-image: url(page3/Edition.png);
        background-size: 100vw;
        height: 50vw;
        margin-top: -17vw;
        padding-top: 7vw;
    }
    /* section27 */
    .s27-1{
        line-height: 2vw;
        padding-left: 15vw !important;
    }
    .briefcase{
        position: absolute;
        width: 50vw;
        margin-top: -7vw;
        margin-left: -31vw;
    }
    /* section28 */
    .section28{
        background-image: url(page3/Third\ Final.png);
        background-repeat: no-repeat;
        background-size: 100vw;
        height: 230vw;
        margin-top: 2vw;
    }
    .s28-1{
        padding: 26vw 14vw 0 11vw;
    }
    .review10{
        background-image: url(page3/4.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 24vw;
        height:27vw;
    }
    .r10-3{
        padding: 5.8vw 0 0 7.4vw ;
    }
    .review11{
        background-image: url(page3/5.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 24vw;
        height:27vw;
    }
    .r11-1{
        padding: 5.8vw 0 0 7.5vw ;
    }
    .review12{
        background-image: url(page3/6.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 24vw;
        height:27vw;
    }
    .r12-1{
        padding: 5.8vw 0 0 7.5vw ;
    }
    .s28-2{
        padding-top: 2vw;
    }
    .s28-3{
        background-image: url(page3/DRAWINGS.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 66vw;
        height:40vw;
        margin-top: 5vw; 
    }
    .fly-hand{
        width: 44vw;
        margin-left: 6vw;
        margin-top: -2vw;
    }
    .day{
        display: inline-block;
        padding-top: 3vw !important;
        margin-left: -14vw;
    }
    .s28-3-1{
        padding-left: 2vw !important;
    }
    .button4{
        width: 26vw;
    }
    .p3-b{
        padding-top: 3.5vw;
        margin-left: -17vw;
    }
    .guy{
        width: 65vw;
        padding-top: 3vw;
    }
    .s28-4{
        padding-top: 10vw;
    }
    /* section29 */
    .section29{
        /*remove the shaded image , page three*/

       /* background-image: url(page3/fade.png);*/
        background-repeat:no-repeat;
        background-position: center;
        background-size: 100vw;
        height:100vw;
        margin-top:-32vw ;
        display: flex;
        align-items: center !important;
        justify-content: center;
        padding-top: 10vw !important;
    }
    /* .s29-1{
        padding: 3vw 0 3vw 0;

    } */
    .dropdown{
        background-color: #ffff;
        background-position:center !important;
        width: 65vw;
        height: auto;
        border-radius: 4vw 4vw 4vw 4vw;
        box-shadow: 1vw 2vw 4vw rgba(0, 0, 0, 0.274) !important;
        /* margin-left: 20vw; */
    }
    .card{
        background-color: transparent !important;
        width: 65vw;
        padding: 0.7vw 3vw 0.7vw 3vw;
        border: 0px !important;
    } 
    .card-div{
        border-radius: 4vw;
        background-color: #f4f7f9;
    }
    .card-body {
        background-color: #f4f7f9;
        border-radius: 0vw 0vw 2vw 2vw;
        margin-top: 1vw;
        padding: 1vw 3vw 2vw 2vw !important;
        
    }
    .card-header {
        background-color: #e7ebee !important;
        border-radius: 4vw!important;
        padding: 1vw 1vw 1vw 2vw !important;
        border: 3px solid white;
        box-shadow: 5px  5px 0.6vw rgba(0, 0, 0, 0.349) !important;
    }
    .cbt-1{
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        font-size: 1vw ;
    }
    .expand{
        margin-top: 0.8vw;
        margin-right: 1vw;
        width: 3vw;
        float: right;
    }
    /* section30 */
    #heading-box-2{
        background-color: black;
        border-radius: 2vw;
        width: fit-content;
        margin-left: -47vw;
        padding: 5px 10px 5px 10px;
    }
    .prezentar-txt{
        width: 70vw;
    }
    .video-here{
        margin-left: -1vw;
        padding: 0px;
        width: 99vw;
        margin-top: 2vw;
    }
    .online-video3{
        width: 59vw !important;
        
        margin-left: 19vw;
        margin-top: -32vw;
        position: absolute;
        z-index: 1;
        border: solid 8px #f0131e !important;
       
    }
    
    .p3-box{
        padding: 2vw 0 1vw 0;
        width: 29vw;
    }
    .button5{
        width: 25vw;
    }
    .s30{
        margin-top: -2vw;
    }
    
    /* section31 */
    .section31{
        background-image: url(page3/min_.png);
        background-repeat:no-repeat;
        background-position: center;
        background-size: 100vw;
        height:41vw;
        margin-top:2vw ;
    }
    a{
        color: #d8c6ce !important;
    }
    .lie{
        width: 58vw;
        margin-top: -8vw;
        margin-left: 5vw;
    }
    .last-box{
        margin-top: -20vw;
    }
    .lb-1-1{
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        font-size: 0.9vw ;color: #d8c6ce; 
        line-height: 1.2vw !important;
    }
    .lb-2-1{
        font-family: 'Poppins', sans-serif;
        font-weight: 500 !important;
        font-size: 0.8vw ; display: inline-block; padding-top: 1vw;
        line-height: 1.1vw ;
    }
.text-decore:hover{
    text-decoration: underline;

}