.videoSide{
    width: 50%;
    object-fit: cover;
    height: 300px;

}
.PackageHead{
    font-family: obviously-variable, sans-serif;
    font-variation-settings: "wght" 550,  "ital" 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 56px;
    color: #F3FA32;
    font-weight: bolder;
    padding: 0px 80px;
    text-align: center;
    line-height: 4rem;
}

.keyword-top{
    top: 10% !important;
    }
    @media (max-width: 1024px) {
    .large-hero-heading{
        font-size: 4.3rem !important;
    }
    .keyword-top{
        top: 43% !important;
    }
    }

.videoSide{
        width: 50%;
        object-fit: cover;
        height: 370px;
        
    }
    
   
    .keyword-bottom {
        bottom: 40% !important;
        right: 20% !important;
    }
    @media (max-width: 768px){
        .page-header-keywords {
            position: absolute;
            top: 10vw !important;
            width: 100%;
            height: 25rem
        }
        .keyword-bottom {
            bottom: 36% !important;
            right: 15% !important;
        }   
        .keyword-top{
            top: 10% !important;
        }
    }
    @media (max-width: 1024px){
        .keyword-bottom {
            bottom: 37% ;
            right: 20% ;
        }   
        .s-keyword-heading{
            font-size: 30px
        }
    }
    @media (min-width: 1920px){
        .keyword-bottom {
            bottom: 20% !important ;
            right: 30%  !important;
        }   
        .s-keyword-heading{
            font-size: 36px !important;
        }
         .keyword-top{
            top: 10% !important;
            left: 25% !important;
        }
        .UniueMargin{
            margin-bottom: 30px !important;
        }
    }
    
.compareSection{
    /* border: 1px solid red; */
    width: 100%;
    background-color: #292928;
    padding: 50px 0px;
}
.ComparePad{
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;  
}
.Comparetext{
    /* border: 1px solid red; */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
.CompareTwo{
    /* border: 1px solid red; */
    display: flex;
}
.Compare01{
    /* border: 1px solid red; */
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.Compare02{
    /* border: 1px solid red; */
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.CompareHead{
    display: flex;
    justify-content: start;
    font-size:2rem;
    background-color:blueviolet;
    padding: 10px 0;   
}
.CompareHead h3{
    font-family: obviously-variable, sans-serif;
    font-variation-settings: "wght" 550,  "ital" 0;
color: white;
padding-left: 100px;
}
.ComparePoint{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 48px;
}
.points{
    /* border: 1px solid  red; */
    color: white;
    line-height: 1.5rem;
    text-align: start;
    margin-left: 50px;
}
@media(min-width: 1920px){
 .points{
    /* border: 1px solid  red; */
    font-size: 1.1vw !important;
    line-height: 2rem !important;
}   
}

@media(max-width: 786px){
    .compareSection{
       display: none !important;
       
    }
}