body { color: #333;}.page-wrapper { min-height: 100%; position: relative; z-index: 10}body.page .maincontent { padding: 95px 0 0; overflow: hidden}.page-holder { background: #fff; overflow: hidden}.text-size-2 { font-size: 3rem; font-weight: 400;}.newcontainer .video-top p { padding: 0 0 30px; line-height: 2; max-width: 75%; margin: 0 auto; font-size: 17px;}.newcontainer .video-top p#video-links a.video-link { padding: 0 6px; font-size: 16px}.newcontainer .video-boxes-holder h3 { margin: 0 0 15px; padding: 18px 0; font-size: 26px; text-align: center; font-weight: 500;}.newcontainer .vid-container { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center; gap: 10px;}.vid-container li { cursor: pointer; position: relative}.newcontainer .video-top-holder { padding: 0 0 50px; border-bottom: 1px solid #ccc; display: flex; justify-content: center}.vid-container a:before { background: rgb(123 121 106 / .76) url(/template/default/images/arrowvideo2.png) no-repeat scroll 0 0 / 125px 80px; cursor: pointer; display: block; height: 80px; position: absolute; width: 125px; z-index: 2; left: 295px; top: 140px; content: ''; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out}.vid-container a:hover:before { background: rgb(246 59 68 / .8) url(/template/default/images/arrowvideo2.png) no-repeat scroll center / 125px 80px; width: 125px; height: 80px}.newcontainer .video-new-block a:before { background: rgb(123 121 106 / .76) url(/template/default/images/arrowvideo2.png) no-repeat scroll 0 0 / 60px 38px; height: 38px; width: 60px; left: 150px; top: 70px;}.newcontainer .video-new-block a:hover:before { background: rgb(246 59 68 / .8) url(/template/default/images/arrowvideo2.png) no-repeat scroll 0 0 / 60px 38px; width: 60px; height: 38px}.newcontainer .video-box-intro .vid-container a.fancyvideo-thumb span { position: absolute; left: 1%; top: 30%; font-size: 30px; color: #fff; width: 40%; line-height: 1.5}.newcontainer .video-block-holder { border-bottom: 1px solid #ccc; padding: 50px 0 0}.newcontainer .video-new-block { display: flex; display: -webkit-flex; flex-direction: column; padding: 15px; flex-basis: 22em; position: relative; margin: 0 0 20px}.newcontainer .video-block-holder h4 { font-weight: 600; padding: 0 18px 0px; text-align: center; margin: 10px 0; font-size: 18px; min-height: 50px;}.newcontainer .video-new-block a.fancyvideo-thumb span { position: absolute; left: 0; top: 18%; width: 42%; color: #fff; padding: 15px; text-align: center; font-size: 18px}.newcontainer .video-new-block p { margin: 10px 0}.newcontainer .video-top-txt { margin: 30px 0 0; padding: 0 7% 0 0}.newcontainer .video-boxes-holder p.subtext { text-align: center; margin: 0 0 15px;}
.inner_page .ost-started-holder { border-top: 1px solid #eee; 
    /* background: #f9fafd !important; */
     padding: 4rem 0}.ost-started-holder p.get-start-heading { font-size: 2.2rem; margin-bottom: 25px; font-weight: 400; color: #171717}.ost-started-holder p.office365.title { font-size: 16px; color: #333; font-weight: 400; margin: 0 0 22px}.ost-started-holder p.ost-button-holder { margin: 30px 0 15px}.ost-started-holder p.ost-button-holder .ost-btn-con { border-radius: 30px; font-size: 16px; padding: 0 30px; height: 40px; line-height: 40px; font-weight: 400; color: #fff; display: inline-block}

/* .ost-started-holder p.ost-button-holder .ost-btn-con.demo-btn { background-color: #d66766;}
.ost-started-holder p.ost-button-holder .ost-btn-con.try_it { background-color: #388dc0;}
.ost-started-holder p.ost-button-holder .ost-btn-con.buy-page-link { background-color: #5fbe7c;}
.ost-started-holder p.ost-button-holder .ost-btn-con.demo-btn:hover { background-color: #e85857;}
.ost-started-holder p.ost-button-holder .ost-btn-con.try_it:hover { background-color: #2d7dae;}
.ost-started-holder p.ost-button-holder .ost-btn-con.buy-page-link:hover { background-color: #15923b;} */

.vid-container li img { border-radius: 5px; border: 1px solid #a1ceea}
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; height: 0 !important; padding: 50% 0 0;}
.fancybox-type-iframe .fancybox-inner .fancybox-iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
@media only screen and (max-width:768px) { 
    .text-size-2 { font-size: 1.5rem; padding-bottom: 15px } 
    body.page .maincontent { padding: 50px 0 0 } 
    .newcontainer .video-top p { padding: 0 0 30px; line-height: 2; max-width: 90%; margin: 0 auto }
}
    @media only screen and (max-width:600px) { 
        .newcontainer .video-box-intro .vid-container a.fancyvideo-thumb span { font-size: 20px; } 
        .videos_list.pc_video a:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
        .newcontainer .video-new-block h4 { min-height: auto; }
}

/* july 3 */

.ost-started-holder p.ost-button-holder .ost-btn-con {border-radius:30px;font-size:16px;padding:0 30px;height:40px;line-height:40px;color:#fff;display:inline-block;margin-right:12px;font-weight:400;}
.inner_page .ost-started-holder.bg-color{background: url(/template/default/images/banner-check11.png), #276eb3;background-size: cover;text-align: center;padding: 70px 0 80px;opacity: 0.9;}
.ost-started-holder p.ost-button-holder .ost-btn-con.demo-btn{border-radius: 0px;background: #fff;color: #333;font-weight: 600;text-transform: uppercase;border: 1px solid #295887;}
.ost-started-holder p.ost-button-holder .ost-btn-con.try_it{border-radius: 0px;background: #fff;color: #333;font-weight: 600;text-transform: uppercase;border: 1px solid #295887;}
.ost-started-holder p.ost-button-holder .ost-btn-con.buy-page-link{border-radius: 0px;background: #fff;color: #333;font-weight: 600;text-transform: uppercase;border: 1px solid #295887;}
.ost-started-holder p.get-start-heading {text-transform: capitalize;}
.ost-started-holder p.get-start-heading, .ost-started-holder p.get-start-heading span, .ost-started-holder p.office365.title { color: #fff !important;}
.ost-started-holder p.ost-button-holder .ost-btn-con.demo-btn:hover{background-color: #295887;color: #fff;border: 1px solid #959595;}
.ost-started-holder p.ost-button-holder .ost-btn-con.try_it:hover{background-color: #295887;color: #fff;border: 1px solid #959595;}
.ost-started-holder p.ost-button-holder .ost-btn-con.buy-page-link:hover{background-color: #295887;color: #fff;border: 1px solid #959595;}
@media only screen and (max-width: 600px) {
.ost-started-holder p.ost-button-holder .ost-btn-con{font-size: 14px;  margin-right: 5px;}
.inner_page .ost-started-holder.bg-color{padding: 40px 0px;}
.ost-started-holder p.ost-button-holder{display: grid !important;gap: 5px !important;justify-content: center !important;align-items: center !important;}
}