﻿/*------------Developer: Nithin Kumar B-------------*/

/*----------- Started on: 17th October 2022 ------------*/

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
}

.Head {
    background-color: #FFF6EE;
    padding-top: 15px;
    padding-bottom: 15px;
}

.MainHeading {
    color: #271D54;
    font-weight: bold;
    font-size: 25px;
}

.Spacing {
    margin-top: 30px;
}

.SubHeading {
    background-color: #119CAC;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: bold;
}

.SubHeadingActive {
    background-color: #0C7480;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: bold;
}

.divQuestions {
    background-color: #FDF5ED;
    padding-top: 22px;
    padding-bottom: 22px;
    border-radius: 6px;
    margin-top: -7px;
}

.divQuestions1 {
    background-color: #FDF5ED;
    padding-top: 22px;
    padding-bottom: 22px;
    border-radius: 6px;
    margin-top: -7px;
}

.divQuestions2 {
    background-color: #FDF5ED;
    padding-top: 35px;
    padding-bottom: 35px;
    border-radius: 6px;
    margin-top: -7px;
}

@media only screen and (min-width: 1400px) {
    .divQuestions1 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.Questions {
    color: #271D54;
    font-size: 18px;
    font-weight: bold;
}

.Footer {
    background-color: #333333;
    color: white;
}

.img-fluid {
    border-radius: 6px;
}

.SubButton {
    text-decoration: none !important;
    color: white !important;
}


.box:hover {
    transform: scale(1.06) !important;
    transition: 1s !important;
    z-index: 2;
    border: none !important;
    /*transform: scale(1.1) !important;*/
}

/*.VideoResponsive {
    width: 413px !important;
    height: 231px !important;
    text-align: center;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1400px) {
    .VideoResponsive {
        width: 356px !important;
        height: 201px !important;
    }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199) {
    .VideoResponsive {
        width: 356px !important;
        height: 201px !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .VideoResponsive {
        width: 694px !important;
        height: 366px !important;
    }
}

@media screen and (min-device-width: 576px) and (max-device-width: 767px) {
    .VideoResponsive {
        width: 517px !important;
        height: 294px !important;
    }
}

@media screen and (min-device-width: 566px) and (max-device-width: 576px) {
    .VideoResponsive {
        width: 549px !important;
        height: 284px !important;
    }
}

@media screen and (min-device-width: 556px) and (max-device-width: 566px) {
    .VideoResponsive {
        width: 532px !important;
        height: 278px !important;
    }
}

@media screen and (min-device-width: 546px) and (max-device-width: 556px) {
    .VideoResponsive {
        width: 525px !important;
        height: 278px !important;
    }
}

@media screen and (min-device-width: 536px) and (max-device-width: 546px) {
    .VideoResponsive {
        width: 525px !important;
        height: 278px !important;
    }
}

@media screen and (min-device-width: 516px) and (max-device-width: 535px) {
    .VideoResponsive {
        width: 500px !important;
        height: 231px !important;
    }
}

@media screen and (min-device-width: 500px) and (max-device-width: 515px) {
    .VideoResponsive {
        width: 485px !important;
        height: 231px !important;
    }
}

@media screen and (min-device-width: 480px) and (max-device-width: 499px) {
    .VideoResponsive {
        width: 467px !important;
        height: 231px !important;
    }
}

@media screen and (min-device-width: 460px) and (max-device-width: 479px) {
    .VideoResponsive {
        width: 449px !important;
        height: 231px !important;
    }
}

@media screen and (min-device-width: 440px) and (max-device-width: 459px) {
    .VideoResponsive {
        width: 429px !important;
        height: 239px !important;
    }
}

@media screen and (min-device-width: 420px) and (max-device-width: 439px) {
    .VideoResponsive {
        width: 406px !important;
        height: 239px !important;
    }
}

@media screen and (min-device-width: 400px) and (max-device-width: 419px) {
    .VideoResponsive {
        width: 385px !important;
        height: 214px !important;
    }
}

@media screen and (min-device-width: 380px) and (max-device-width: 399px) {
    .VideoResponsive {
        width: 366px !important;
        height: 202px !important;
    }
}

@media screen and (min-device-width: 360px) and (max-device-width: 379px) {
    .VideoResponsive {
        width: 366px !important;
        height: 202px !important;
    }
}

@media screen and (min-device-width: 340px) and (max-device-width: 359px) {
    .VideoResponsive {
        width: 327px !important;
        height: 187px !important;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 339px) {
    .VideoResponsive {
        width: 327px !important;
        height: 187px !important;
    }
}*/

.video-js .vjs-big-play-button {
    display: none !important;
}

.video-js {
    width: auto !important;
    height: 190px !important;
}
